CSS1&CSS2的颜色方式

CSS1&CSS2的颜色方式

Color name  颜色名称方式

HEX方式 十六进制方式

RGB方式 三原色配色方式

1. Color Name 方式

例如:red(红色)、blue(蓝色)、pink(粉色)

优点：方便快捷而且特定颜色比较准确

缺点：英文记忆很是个问题

表示颜色数量有限。

不支持透明颜色

2.HEX方式

十六进制记法 ，使用十六进制表示颜色

语法:#RRGGBB 或 #RGB

取值：

RR： 红色值。十六进制正整数  

GG： 绿色值。十六进制正整数 

BB： 蓝色值。十六进制正整数 

取值范围:00-FF

例如:#FF0000红色 #FFFF00 黄色。

优点：表示颜色种类多，使用较方便

缺点：16进制单位换算很成问题

不支持透明颜色。

特定颜色需要工具配合或者一定的颜色调配知识

3.RGB方式

语法:RGB(R,G,B)

取值：

R： 红色值。正整数 | 百分数

G： 绿色值。正整数 | 百分数 

B： 蓝色值。正整数 | 百分数 

取值范围:0~255或者0%~100%

例如:rgb(255,0,0)红色 rgb(255,255,0)黄色

优点：表示颜色种类多，使用较方便

缺点： 不支持透明颜色

特定颜色需要工具配合或者一定的颜色调配知识