日期:2013-05-04  浏览次数:21500 次

  css颜色取值,大家对于css2版本以下颜色名称、十六进制技法、rgb记法。

  以上取值记法大家都和你熟悉,css3又有什么更另类的取值方法呢?

  RGBA、HSL、HSLA这三位大侠就是我们拭目以待的css3的颜色取值方法。

  RGBA

  即在css2版本中RGB记法添加了支持通明度的元素,语法也是相当容易理解:RGBA(255,0,0,0.5),这里的通明度,取值方范围在0-1。

  HSL

  玩过PS的童鞋应该对于这个HSL应该是很熟悉的,顺次表达的意思是:

  H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360,其实它的单位是度 

  S: Saturation(饱和度)。取值为:0.0% - 100.0% 

  L: Lightness(亮度)。取值为:0.0% - 100.0% 

  语法:hsl(207,38%,47%)

  HSLA

  这个也是在HSL的基础上添加了支持通明度的元素,这里的通明度,取值方范围在0-1。 语法:hsl(207,38%,47%,0.5)

  这些基本的颜色取值语法一定要牢记,如果有什么疑问去论坛提问即可