CSS HSL HSLA 表示颜色

hsl(色相，饱和度， 亮度)

色相：用0 - 360角度表示颜色 ， 单位deg， deg可以省略

 

饱和度越低，相当于参杂的灰色越多, 取值范围 0%-100%

亮度 50% 表示正常值， 高于这个值，相当于参杂白色， 低于这个值相当于参杂黑色

示例:

　　color: hsl(0, 100%, 50%);

 

hsla:

不透明度取值范围0-1 , 数字越大越不透明

示例:

　　color: hsla(0, 100%, 50%, 0.5);