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

Guess you like

Origin blog.csdn.net/qq_37369201/article/details/121349914