color 属性用于指定文本颜色。
对应版本:CSS 1
color 颜色值可以通过以下方式进行设置:
red
、blue
、white
…#RRGGBB
和#RGB
,#
后面跟6位或者3位十六进制字符;rgb(R,G,B)
,取值可以是0~255的整数或者百分比;rgba(R,G,B,a)
其拓展了RGB颜色模式,它包含了阿尔法通道,允许设置透明度(a为透明度,0为透明,1为不透明);hsl(H,S,L)
,色相-饱和度-明度,色相表示一个色环的一个角度,饱和度和明度使用百分比来表示;hsla(H,S,L,a)
,其拓展了RGB颜色模式,它包含了阿尔法通道,允许设置透明度(a为透明度,0为透明,1为不透明);十六进制颜色值可以是3位,也可以是6位。
三位十六进制颜色通过每一个数字加倍,转换为十六进制颜色。
4. RGBA与十六进制转换RGBA转换为十六进制时,在其后面增加一位/两位代表透明度。其对应关系为:
RGBA | 100% | 99% | 98% | 97% | 96% | 95% | 94% | 93% | 92% | 91% |
---|---|---|---|---|---|---|---|---|---|---|
HEX | FF | FC | FA | F7 | F5 | F2 | F0 | FD | EB | E8 |
RGBA | 100% | 90% | 80% | 70% | 60% | 50% | 40% | 30% | 20% | 10% | 10% |
---|---|---|---|---|---|---|---|---|---|---|---|
HEX | FF | E6 | CC | B3 | 99 | 80 | 66 | 4D | 33 | 1A | 00 |