使用方法
- 粘贴任意一种支持的颜色格式。
- HEX、RGB、HSL 三种结果立即更新,上方有色块预览。
- 点你需要那一行的复制。
三种格式描述的是同一批颜色,只是方式不同
HEX 和 RGB 本质是同一个东西换了身衣服。 两者都给出红、绿、蓝三个通道 0 到 255 的强度:
十六进制把每个通道写成两位,RGB 写成十进制数字。#2f6df6 和 rgb(47, 109, 246) 逐字节完全
相同,所以它们之间的转换是精确且可逆的。
HSL 则是一个真正不同的模型。 它把颜色描述成色环上的位置(色相,0–360°)、有多鲜艳 (饱和度,0–100%)、有多亮(明度,0–100%)。这一点在实际工作中很关键,因为它更接近人 思考颜色的方式。「同一个蓝,但浅一点」在 HSL 里就是改一个数字,在十六进制里则是一道谜题。
这也是为什么做配色方案时 HSL 才是趁手的工具:把色相固定在 220,明度从 95% 逐级降到 20%,
你就得到了同一个蓝色的一整套深浅变化。想靠手改 #2f6df6 凑出这个效果,基本靠猜。
代价是精度。因为 HSL 用整数书写,转回 RGB 时会取整,可能和出发点差约 1%。用于显示这个差别 肉眼不可辨;但如果你需要一个值经得起反复往返,就把它保存成十六进制。