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 亮度并不保证相同的感知亮度或无障碍对比度。

在颜色工具中打开此示例