css3.0抢先看(七)：HSL和HSLA,RGBA全新的定义颜色方法

文章来自www.css3s.cn

 象十六进制和RGB定义颜色一样，css3还支持HSL（色调，饱和度，亮度）的定义方式。既然采用hsl的方式，那就应该有三个参数值：

hue(色调)：0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其他颜色。

Saturation（饱和度）：取值为0%到100%之间的值。

Lightness（亮度）：取值为0%到100%之间的值。

到目前为止，支持的浏览器有Opera 9.5, Safari 3, Konqueror 和 Mozilla 。

书写格式如下：

background-color: hsl(0,100%, 50%); 

background-color: hsl(240,100%, 50%);

background-color: hsl(120,100%, 50%);      

HSLA就是在HSL的基础上多了个控制alpha透明度的参数，取值在0到1之间，格式如下：      

background-color: hsl(0,100%, 50%,0.2);

background-color: hsl(240,100%, 50%,0.4);

background-color: hsl(120,100%, 50%,0.8);      

RGBA和HSLA的类似，是在RGB的基础上多了个控制alpha透明度的参数，取值在0到1之间，格式如下：      

background-color: rgba(255, 0, 0,0.2);

background-color: rgba(255, 0, 0,0.4);

background-color: rgba(255, 0, 0,0.8);      
   

此外，直接用opacity定义颜色透明度，示例如下：      

background-color: hsl(0,100%, 50%); opacity 0.2;

background-color: hsl(240,100%, 50%); opacity 0.2;

background-color: hsl(120,100%, 50%); opacity 0.2;      
   

有了这些全新的颜色定义方法，以后我们定义颜色时就可以更灵活了。      

文章来自www.css3s.cn