css中颜色的几种表达方式

  1. 网页中的预定义色,使用英文单词进行颜色的表示;比如red,blue等
  2. 三位的十六进制;比如#F00(每个颜色由一个十六进制来表示)
  3. 六位的十六进制;比如#FF0000(每个颜色由两个十六进制来表示)
  4. RGB三原色:RGB(255,0,0)这给定的三个参数表示红,绿,蓝的颜色值,由0到225的十进制表示
  5. RGB,RGB(100%,0%,0%),使用百分号表示

注:以上五种表达方式都是属于RGB色系(红,绿,蓝)

  1. RGBA:和RGB一样,只是多了一个透明度,比如RGB(255,0,0,0.5)。第四个值取值范围为0-1,0是完全透明,1是完全不透明
  2. HSL(学习后期调色的使用比较多):色相、饱和度、亮度。比如HSL(360,100%,50%)。
    色相:是色彩的基本属性,就是平常所说的颜色名称,比如红色等
    饱和度:是指色彩的纯度,越高色彩越纯,低则逐渐变灰,取0-100%的数值
    亮度:就是色彩的明亮程度,色彩的明度越高,色彩越亮;色彩的明度越暗,色彩越暗,取0-100%。
    (当要页面要使用一个色系时,可使用HSL)
  3. HSLA:比HSL多了个透明度。

你可能感兴趣的:(css)