01 · 色彩三要素：色相 / 饱和度 / 明度

颜色 = 色相（名字）+ 饱和度（浓度）+ 明度（亮度）的三维组合 —— 亲手拧三个旋钮
0°
拖动色相环或下方色条，指针位置决定「色相 H」（0°~360°）。
一圈走完，把所有「颜色名字」串起来：红橙黄绿青蓝紫…
🎨
HSL 三元组
hsl(0, 100%, 50%)
十六进制码
#FF0000

💧 饱和度 Saturation 100%

颜色有多纯 —— 0% 纯灰，100% 最艳。好比颜料掺了多少水。

💡 明度 Lightness 50%

颜色有多亮 —— 0% 纯黑，100% 纯白，50% 是纯色本来的亮度。好比打光或蒙布。

色相 H
0°
饱和 S
100%
明度 L
50%
试试看：拖色相 → 颜色「换名字」；拖饱和 → 颜色「变鲜/变灰」；拖明度 → 颜色「变亮/变暗」。
小知识：「鲜艳度」不是只看饱和度，而是饱和 × 明度共同作用。微信绿 93% 饱和但明度压到 39%，所以鲜艳却——不刺眼。