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 的任何灰色，S 为 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/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "RGB 转 HSL 颜色转换器." TG we-Calculate. 2026. https://we-calculate.com/zh/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "RGB 转 HSL 颜色转换器," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/zh/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/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
这个计算器对您有帮助吗？