在CSS中用颜色名来设置各种颜色,比如red,blue,yellow等。但也存在一个问题,我们不可能把所有的颜色名字都记下来,导致这样直接使用非常不方便。所以我们来介绍两种颜色表示方法:
RGB值:通过三种颜色的不同浓度来调配不同的颜色
- 语法:
rgb(红色, 绿色, 蓝色)
,其中三个参数值的范围都是0 ~ 255
(用百分比形式来表示就是0% ~ 100%,但用的不多) - 特殊值:由于RGB颜色表示采用的是光的三原色,所以有两个特殊值:
rgb(0, 0, 0)
和rgb(255, 255, 255)
– rgb(0, 0, 0)相当于把所有的灯都关掉,所以表示黑色
;
– 而rgb(255, 255, 255)则相当于所有的光汇聚一变成白光,所以表示白色
。 - RGBA:其中rgb和上边一样,
A表示透明度
,取值范围(0 ~ 1),0表示全透明,1表示不透明。 - 十六进制的RGB:颜色浓度(00 ~ FF)
-语法:#红色绿色蓝色
(#FF0000就是红色)
-如果两位两位重复,比如#aabbcc,可以写成#abc
HSL值:
- HSL的含义:
-色相 (取值范围(0 ~ 360))
-S:饱和度 (取值范围(0% ~ 100%)
)
-L:亮度(取值范围(0% ~ 100%)
)(后俩个的取值范围必须写成百分比的形式) - HSLA:同上RGBA