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

文章簡介：CSS3技巧教程:css3的顏色取值方法.

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)

這些基本的顏色取值文法一定要牢記，如果有什麼疑問去論壇提問即可。