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)
這些基本的顏色取值語法一定要牢記,如果有什麼疑問去論壇提問即可。