CSS3技巧教程:css3的颜色取值方法

css颜色取值，大家对于css2版本以下颜色名称、十六进制技法、rgb记法。gnU中国设计秀
以上取值记法大家都和你熟悉，css3又有什么更另类的取值方法呢?gnU中国设计秀
RGBA、HSL、HSLA这三位大侠就是我们拭目以待的css3的颜色取值方法。gnU中国设计秀
gnU中国设计秀
RGBAgnU中国设计秀
即在css2版本中RGB记法增加了支持透明度的元素，语法也是相当容易理解：RGBA(255,0,0,0.5),这里的透明度，取值方范围在0-1。gnU中国设计秀
gnU中国设计秀
HSLgnU中国设计秀
玩过PS的童鞋应该对于这个HSL应该是很熟悉的，依次表达的意思是：gnU中国设计秀
H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360，其实它的单位是度 gnU中国设计秀
S： Saturation(饱和度)。取值为：0.0% - 100.0% gnU中国设计秀
L： Lightness(亮度)。取值为：0.0% - 100.0% gnU中国设计秀
语法：hsl(207,38%,47%)gnU中国设计秀
gnU中国设计秀
HSLAgnU中国设计秀
这个也是在HSL的基础上增加了支持透明度的元素，这里的透明度，取值方范围在0-1。gnU中国设计秀
语法：hsl(207,38%,47%,0.5)gnU中国设计秀
gnU中国设计秀
这些基本的颜色取值语法一定要牢记，如果有什么疑问去论坛提问即可。gnU中国设计秀