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 亮度不保證相同的感知亮度或無障礙對比度。

在色彩工具中開啟此範例