CSS——颜色单位

在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