设置颜色值可以选用：颜色名、百分比、数字和十六进制数值。
- 如果用户仅使用几个基本的颜色，使用颜色名是最简单的方法。虽然目前已经命名的颜色约有184种，但真正被各种浏览器支持，并且作为CSS规范推荐的颜色名称只有16种，如下表所示。
表1 CSS规范推荐的颜色名称
| 名称 | 颜色 | 名称 | 颜色 | 名称 | 颜色 |
|---|---|---|---|---|---|
| black | 纯黑 | silver | 浅灰 | navy | 深蓝 |
| blue | 浅蓝 | green | 深绿 | lime | 浅绿 |
| teal | 靛青 | aqua | 天蓝 | maroon | 深红 |
| red | 大红 | purple | 深紫 | fuchsia | 品红 |
| olive | 褐黄 | yellow | 明黄 | gray | 深灰 |
| white | 亮白 |
不建议在网页中使用颜色名，特别是大规模的使用，避免有些颜色名不被浏览器解析，或者不同浏览器对颜色的解释差异。
- 使用百分比。这是一种最常用的方法，例如：
color:rgb(100%,100%,100%);
这个声明将红、蓝、绿三种原色都设置为最大值，结果组合显示为白色。相反，可以设置rgb(0%,0%,0%)为黑色。三个百分值相等将显示灰色，同理哪个百分值大就偏向哪个原色。
- 使用数值。数字范围从0到255，例如：
color:rgb(255,255,255);
上面这个声明将显示白色，相反，可以设置为rgb(0,0,0)将显示黑色。三个数值相等将显示灰色，同理哪个数值大哪个原色的比重就会加大。
- 十六进制颜色。这是最常用的取色方法，例如：
color:#ffffff;
其中要在十六进制前面加一个#颜色符号。上面这个声明将显示白色，相反，可以设置#000000为黑色，用RGB来描述：
color: #RRGGBB;
这样一看，与前面的取色方式就很像了，从0到255，实际上十进制的255正好等于十六进制的FF，一个十六进制的颜色值等于三组这样的十六进制的值，它们按顺序的连接在一起就等于红、蓝、绿三种原色，这样理解起来就会更明白。
【提示】
在CSS 3支持另外3种颜色表示法：
- RGBA颜色表示法
RGBA颜色表示法就是在RGB颜色的基础上增加了Alpha通道，这样就可以定义半透明的颜色。例如，color:rgba(255,0,0,5);声明就可以定义半透明的红色。
- HSL颜色表示法
HSL颜色表示法就是使用色相（H）、饱和度（S）和亮度（L）表示颜色的一种方法。例如，color:hsl(0, 100%,100%);就表示红色。
- HSLA颜色表示法
HSLA颜色表示法就是在HSL颜色的基础上增加了Alpha通道。例如，color:hsla(0, 100%,100%,5);就表示半透明的红色。