css系列之颜色的多种表示方式

CSS的颜色有以下几种表现形式：

• 八进制颜色

• 十六进制颜色
• RGB颜色
• RGBA颜色
• HSL色彩
• HSLA颜色
• 预定义/跨浏览器的颜色名称
  

1、八进制和十六进制

所有主要浏览器都支持八进制和十六进制颜色值，如＃RRGGBB和RGB（八进制），所有值必须介于0和FF之间。八进制可以看作十六进制的简写，但是只能是双重字母的十六进制。

2、RGB和RGBA

RGB颜色值在所有主要浏览器都支持。

RGB颜色值指定：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。

RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

如rgb(255,10,320);rgba(255,10,320, 0.5)

3、HSL和HSLA

IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL颜色值。

HSL代表色相，饱和度和亮度 - 使用色彩圆柱坐标表示。

HSL颜色值指定：HSL（色调，饱和度，明度）。

色相是在色轮上的程度（从0到360）-0（或360）是红色的，120是绿色的，240是蓝色的。饱和度是一个百分比值;0％意味着灰色和100％的阴影，是全彩。亮度也是一个百分点;0％是黑色的，100％是白色的。

HSLA颜色值：HSLA（色调，饱和度，亮度，α），α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

4、预定义/跨浏览器的颜色名称

147是在HTML和CSS颜色规范预定义的颜色名称，147颜色名称定义在HTML和CSS的颜色规格(17个标准色加上130多个其他)。