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多个其他)。