HSL是一种工业界广泛使用的颜色标准，通过对色调（H）、饱和度（S）和亮度（L）3个颜色通常的改变，以及他们相互之间的叠加来获得各种颜色。CSS3中新增了HSL颜色设置方式，在使用HSL方法设置颜色时，需要定义3个值。HSL颜色定义语法如下。
    hsl（,,);
    HSL相关属性值说明如下。
    1，length：表示Hue（色调），0（或360）表示红色，120表示绿色，240表示蓝色，当然也可以去其他数值来确定其他颜色。
    2，percentage：表示Saturation（饱和度），取值0%~100%的值。
    3，percentage：表示Lightness（亮度），取值0%~100%的值。
    5.png6.png