最近看见一种颜色写法
hsl(300 90% 65% / 80%)
感到很陌生啊
脑子里闪过熟悉的颜色格，rgb/Hex都是分别有三个部分表示红、绿、蓝，外加一个透明度，我想套在 hsl身上，只需简单改几个参数就会发现并不是这个规则， 那么hsl是什么规则？
三个参数分别是：
🎨 H — Hue（色相）
0° = 红
120° = 绿
240° = 蓝
360° = 回到红
色相环如图：
🌈 S — Saturation（饱和度）
0% = 灰色
100% = 纯色
💡 L — Lightness（亮度）
0% = 黑
50% = 正常
100% = 白
在 hslpicker.com 你可以调节不同的参数体验变化
常见格式
hsl(<h> <s> <l> / <alpha>)
alpha就是属性的透明度了，举例：
hsl(210deg, 40%, 98%, 0.8)
h默认单位就是deg,所以可以省略：
hsl(210, 40%, 98%, 0.8)
似乎真的更适合人类理解
