RGB 轉 HSL 顏色轉換器
將紅、綠、藍通道值轉換為 HSL 色彩模型，以度數表示色相，以百分比表示飽和度和明度。
Saturation 100% · Lightness 63.9%
- 1
Normalize RGB
R ÷ 255, G ÷ 255, B ÷ 255 = 1, 0.3882, 0.2784 - 2
Lightness L
(1 + 0.2784) ÷ 2 = 63.9% - 3
Chroma d
1 − 0.2784 = 0.7216 - 4
Saturation S
0.7216 ÷ (1 − |2 × 0.6392 − 1|) = 100%Zero for grey; 1 for a fully saturated colour. - 5
Hue H
60 × (((0.3882 − 0.2784) ÷ 0.7216) mod 6) = 9.1Red is the dominant channel.
此計算機如何運作？
將每個 RGB 通道除以 255，然後取最大值和最小值。明度是它們的平均值，飽和度是彩度除以 (1 − |2L − 1|)，色相來自主導通道。結果是 HSL：色相以度數表示，飽和度和明度以百分比表示。
公式
How this is calculated
輸入三個 RGB 通道（R, G, B），每個範圍從 0 到 255。值被限制在該範圍內並除以 255，使每個通道成為 0 到 1 之間的小數。三個小數中最大的是 max，最小的是 min。
明度是極值的中點，L = (max + min) / 2。彩度 d = max − min 驅動飽和度：S = d / (1 − |2L − 1|)，對於 max 等於 min 的任何灰色，這等於 0。色相取決於哪個通道是最大值——紅色給出 60·(((g−b)/d) mod 6)，綠色給出 60·((b−r)/d + 2)，藍色給出 60·((r−g)/d + 4)；負結果通過加 360 來換算。
輸出為 H 的度數（0–360°），S 和 L 縮放為百分比（×100）。對於純灰色（R = G = B），色相和飽和度均為 0，只有明度在黑色到白色之間變化。轉換是精確且無損的，除了顯示的百分比捨入之外。
常見問題
當 R、G 和 B 相同時，顏色是灰色調，因此彩度（max − min）為零。沒有顏色內容，就沒有色相或飽和度，只有明度從黑色變化到白色。
色相以 0 到 360° 的度數報告，飽和度和明度以 0% 到 100% 的百分比報告。這與 CSS hsl() 表示法匹配，因此您可以直接將這些值貼入樣式表。
不同。HSL 明度是最亮和最暗通道的平均值，因此純色的明度為 50%。HSV 值只使用最大通道，因此對於同一顏色，兩種模型報告不同的數字。
也稱為
TG we-Calculate Editorial Team. (2026). RGB 轉 HSL 顏色轉換器 [Online calculator]. TG we-Calculate. https://we-calculate.com/zh-tw/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "RGB 轉 HSL 顏色轉換器." TG we-Calculate. 2026. https://we-calculate.com/zh-tw/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "RGB 轉 HSL 顏色轉換器," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/zh-tw/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {RGB 轉 HSL 顏色轉換器}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/zh-tw/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
這個計算機對您有幫助嗎？