CSS3支持以HSL声明的形式表现颜色。HSL色彩模式是工业界的一种颜色标准,是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。HSL声明的定义形式如下:
hsl(色调值,饱和度值,亮度值)
参数说明如下:
色调值,用于定义色盘,0和360是红色,接近120的是绿色,240是蓝色;
饱和度值,一个百分比,0%是灰度,100%饱和度最高;
亮度值,个百分比:0%是最暗,50%均值,100%最亮。
HSLA声明在HSL颜色的基础上增加了一个A参数,设置该颜色的透明度。与RGBA一样,A参数的取值范围也为0~1,0表示完全透明(即不可见),1表示完全不透明。