目录

一、名称表示

二、rgb或rgba

三、HEX或HEXA

三、HSL或HSLA

四、总结

---

一、名称表示

直接使用颜色的英文名称表示，例如红色red，绿色green。示例：

css">p{color: red;
}

二、rgb或rgba

rgb分别代表红绿蓝三原色，数值在0~255，rgba中的a表示透明度，范围在0~1,数值越大，越不透明 ，可以理解为不透明度，例如：rgba(0,0,0,1)表示黑色。示例：

css">    p {color: rgba(0, 0, 0, 1);}

三、HEX或HEXA

HEX表示和rgb一样，三个参数分别是红绿蓝，只是表示方法是十六进制，每个颜色用十六进制的两位数表示，使用时在前面加上#，这种表示方法最常用，例如#ffffff表示白色 。

注意：该表示法两位十六进制表示一个颜色，当这两位数相同时，可以只写一位。例如白色可以写成#fff。

A同样是透明度，只是用十六进制表示而已，值越大 ，越不透明，可写可不写，默认是1。示例：

css">    p {/* #f00f等价于#ff0000ff */color: #f00f;}

三、HSL或HSLA

该方法了解即可，很少使用。三个参数分别表示色相（0~360），饱和度（0%~100%），亮度（0%~100%）。A任然是透明度。示例：

css">    p {color: hsla(30, 0%, 100%, 0.877);}

这个是色相环，角度决定颜色。

四、总结

本章节介绍了CSS的四种颜色表示方法，其中最常用的是前三种，最后一种了解即可。下一章节将介绍CSS的字体属性。