第三章：CSS的颜色表示

目录

一、名称表示

二、rgb或rgba

三、HEX或HEXA

三、HSL或HSLA

四、总结

---

一、名称表示

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

p{
    color: red;
}

二、rgb或rgba

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

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

三、HEX或HEXA

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

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

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

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