css的颜色表达

css支持RGB、HEX、HSL、RGBA、HSLA这五种方式来表现颜色。

1、RGB

RGB是按三原色红绿蓝来进行配比的，单项颜色的取值范围为0~255.

2、HEX

HEX就是将RGB三原色的值转换成16进制，再在前面加上#号。

3、HSL

HSL是由色相（Hue）、饱和度（Saturation）、亮度（Lightness）组成的。其中色相就是色彩的基本属性，也就是颜色的名称，取值范围为0到360 。饱和度是色彩的纯度，亮度指色彩的明暗程度。

4、RGBA和HSLA

多出来的A指的是阿尔法通道，表示透明度的值，0表示完全透明，1表示完全不透明。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
            h1{
                color: rgb(255,99,71);
            }
            h1:hover{
                color: rgba(255,99,71,0.5);
            }
        </style>
    </head>
    <body>
        <h1>啊，巨人</h1>
        <P>白骨终将化为沙土，却生生不息</P>
        <p>alan被生生的逼进了浴缸</p>
    </body>
</html>