深入理解CSS六种颜色模式_html/css_WEB-ITnose

目录 [1]关键字 [2]16进制 [3]RGB模式 [4]RGBA模式 [5]HSL模式 [6]HSLA模式

前面的话

【4】RGBA模式(IE8-浏览器不支持)

　　rgba模式是在RGB基础上增加了alpha通道，用来设置颜色的透明度，其中这个通道值的范围是0-1。0代表完全透明，1代表完全不透明

    rgba(r,g,b,a) 

【5】HSL模式(IE8-浏览器不支持)

　　HSL模式是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互的叠加得到各式各样的颜色。HSL标准几乎可以包括人类视力所能感知的所有颜色

    hsl(h,s,l) 

　　h:色调(hue)可以为任意整数。0(或360或-360)表示红色，60表示黄色，120表示绿色，180表示青色，240表示蓝色，300表示洋红(当h值大于360时，实际的值等于该值模360后的值)

　　s:饱和度(saturation)，就是指颜色的深浅度和鲜艳程度。取0-100%范围的值，其中0表示灰度(没有该颜色)，100%表示饱和度最高(颜色最鲜艳)

　　l:亮度(lightness)，取0-100%范围的值，其中0表示最暗(黑色)，100%表示最亮(白色)

【6】HSLA模式(IE8-浏览器不支持)

　　HSLA模式是HSL的扩展模式，在HSL的基础上增加一个透明通道alpha来设置透明度

    hsla( , , , ) 

查看更多关于深入理解CSS六种颜色模式_html/css_WEB-ITnose的详细内容...