CSS 中颜色如何表示?

CSS 中的颜色如何表示?简单易学

1.英语单词表示法

这个是给英语大佬准备的,英语不好这种方式就跳过。反正我记不住那么多英语单词的。

说实话,我一个单词都不认识,也没去查翻译,就看图翻译的哈哈哈。样式稍微做了调整,看起来方便点。最简单的就是 red ,orange ,yellow ,green ,blue ,black ,然后就不会了,所以不推荐 ☠

2.十六进制表示法

以 #开头的六位或者三位组成。六位就是#红红绿绿蓝蓝,三位就是红绿蓝。组成的部分必须是,0~9的数字或者字母A~F(a~f),不区分大小写。随便组合,一般不会去记的,太多了,可以用工具取色。例如#8a2be9,乍一看确实看不出来啥颜色。

红色(#ff0000);  绿色 (#00ff00);蓝色 (#0000ff);黑色 (#000000);白色 (#ffffff)

f 是最高的,封顶 的思意。比如红色 (红红绿绿蓝蓝),红红是占满了,绿绿蓝蓝都是0,就代表没有,所以最终颜色是红色。

3.REB 表示法

Rgb(红,绿,蓝),每个逗号取值范围为0~255之间的整数,或者一个从0%~100%之间的整数百分比值。数值越大,表示该颜色的占比越多,比如红色(255,0,0)。rgb可以表示的颜色有255*255*255=16,581,375 种,还是比较常用的。

 4.REBA 表示法

  REBA(红,绿,蓝,透明度),透明度取值范围:0~1 直接的一位小数,0 是完全透明,1是不完全透明。数值表示透明的程度,越接近1,就越接近原本的颜色。当为1的时候就是不完全透明了,显示原本的颜色。


生活中常用的就是以上四种,还有两种不咋常用,简单介绍下:

HSL表示法(色调,饱和度,亮度),色调的取值范围:0~360(整数),0是红色 ,120是绿色,240是蓝色。

饱和度是百分比值;0% 是灰色,100% 是全彩。亮度是百分比值;0% 是黑色,100% 是白色。

HSLA表示法 (色调,饱和度,亮度,透明的),参考上面的内容,不再重复介绍。

未经允许,禁止转载。记得点赞和收藏哦~ 

猜你喜欢

转载自blog.csdn.net/qq_44761243/article/details/108299447
今日推荐