CSS第二章:3.颜色单位(HSL值、HSLA值)

总览

1.HSL值
H - 色相,S - 饱和度,L - 亮度

2.HSLA值
A - 透明度

一、色相 - H

1.取值范围:0~360

二、饱和度 - S

1.取值范围:0~100%

三、亮度 - L

1.取值范围:0~100%

四、HSL值 · 实操

1.HTML代码:
在这里插入图片描述
2.CSS代码:
在这里插入图片描述
3.实际显示
在这里插入图片描述

五、HSLA

1.无非就是加了一个参数负责调节透明度,参数取值范围为0~1
2.参考 RGBA 透明度调节:RGBA透明度调节教程


版权声明:本文为qq_43768851原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。