HEX 转 HSL 转换器
HSL 使用色相角、饱和度百分比和亮度百分比描述颜色。转换时先把 HEX 读成 RGB,再把每个通道归一化到 0–1。
计算示例
- 输入
- #336699
- 结果
- hsl(210, 50%, 40%)
- 计算过程
- max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°
转换原理
找出归一化 RGB 中的最大值和最小值。两者中点给出亮度,差值决定饱和度,最大通道决定色相所在区段。
重要说明
HSL 便于制作颜色变体,但相同的 HSL 亮度并不保证相同的感知亮度或无障碍对比度。