1. 程式人生 > >CSS3中的RGBA,HSLA顏色

CSS3中的RGBA,HSLA顏色

CSS 中的顏色可以由RGBA色彩空間和HSLA色彩空間兩種方式來表述,二者均可以用來在設定顏色的同時也指定其透明度。

RGBA 是代表Red(紅色) Green(綠色) Blue(藍色)和 Alpha(不透明度)三個單詞的縮寫。

 R:紅色值。正整數 (0~255)

 G:綠色值。正整數 (0~255)

 B:藍色值。正整數(0~255)

 A:透明度。取值0~1之間

使用如下:

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

HSLA指的是“色調、飽和度、亮度、Alpha透明度”

H:Hue(色調): 取值在0度~360度之間,0度是紅色,120度是綠色,240度是藍色,360度也是紅色;

S:Saturation(飽和度): 是色彩的純度,是一個百分比的值,取值在0%~100%,0%飽和度最低,100%飽和度最高;

L:Lightness(亮度): 取值在0%~100%,0%最暗,100%最亮;

A:Alpha(透明度): 取值在0.0~1.0,0.0完全透明,1.0完全不透明;

使用如下:

background-color: hsla(300,100%,50%,0.2);