CSS3 颜色模式

HSL

.test{background-color:hsl(<length>, <percentage>, <percentage>);}

1.length 表示色调(Hue)
Hue衍生于色盘，取值可以为任意数值，其中0（360、-360）表示红色，60表示黄色，120表示绿色，180表示青色，240表示蓝色，300表示洋红。

2.percentage 表示饱和度(Saturation)
表示该色彩被使用了多少，即颜色的深浅程度和鲜艳程度，0%表示灰度，即没有使用该颜色，100%为颜色最鲜艳。

3.percentage 表示亮度(Lightness)
0%为最暗，显示为黑色，50%表示均值，100%最亮，显示为白色

HSLA

HSLA色彩模式是HSL色彩模式的扩展，在色相、饱和度、亮度三要素的基础上增加了不透明度参数

.test{background-color:hsla(<length>, <percentage>, <percentage>, <opacity>);}

rgba色彩模式

.test{background-color:rgba(r, g, b, <opacity>);}

整整火速取值范围为0-255，超出范围的数值将被截至其最接近的取值极限。