CSS中的几种颜色表示法，如hsla

作者：zccst

平常相对熟悉的也就RGB色了，其他基本不清楚，即使是RGB也没弄清楚他们的变化规律。所以有必要专门用一篇文字来记录了。

RGB

HSLA

HSL色彩模式是工业界的一种颜色标准，是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，HSL即是代表色调，饱和度，亮度三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。HSLA是在HSL的基础上增加一个透明度(A)的设置。

<length>：

Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其它颜色；

<percentage>：

Saturation(饱和度)。取值为0%到100%之间的值；

<percentage>：

Lightness(亮度)。取值为0%到100%之间的值；

<opacity>：

alpha(透明度)。取值在0到1之间；