"RGB HSL转换工具提供了从RGB色彩空间到HSL色彩空间的无缝转换。这个工具直观易用，快速进行颜色相互转换。只需输入RGB值，即可立即显示相应的HSL值，提升对颜色的理解和控制。

RGB HSL转换工具

HSL:
HEX:

色彩转换工具

RGB HSL转换

从RGB到HSL的转换是改变色彩空间的过程。RGB（红、绿、蓝）是光的三原色，在数字图像中广泛使用。HSL（色相、饱和度、亮度）是另一种表示颜色的方法，其中色相表示颜色类型，饱和度表示颜色的纯度，亮度表示亮度。

RGB到HSL的转换使用数学计算进行。首先对RGB值进行标准化，然后计算HSL值。这个过程在图像处理和网页设计等领域广泛应用，有助于颜色的转换和调整。

RGB到HSL的转换是理解颜色表示方式、在视觉设计中管理颜色的重要工具。通过使用这种转换，可以尝试不同的色相、饱和度和亮度组合，实现更丰富的色彩表达。

RGB・HSL颜色代码列表

颜色名称 RGB 颜色代码 HSL 颜色代码 颜色
红色 rgb(255, 0, 0) hsl(0, 100%, 50%)
绿色 rgb(0, 255, 0) hsl(120, 100%, 50%)
蓝色 rgb(0, 0, 255) hsl(240, 100%, 50%)
黄色 rgb(255, 255, 0) hsl(60, 100%, 50%)
紫色 rgb(128, 0, 128) hsl(300, 100%, 25%)

RGB HSL转换公式

从RGB到HSL的转换公式
输入 (R, G, B) 输出 (H, S, L)
0 ≤ R, G, B ≤ 1 0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1
1. 找到最大值和最小值:
Cmax = max(R, G, B)
Cmin = min(R, G, B)
Δ = Cmax - Cmin
2. 计算色相 (H):
H =
| (G - B) / Δ , 如果 Cmax = R
| (B - R) / Δ + 2 , 如果 Cmax = G
| (R - G) / Δ + 4 , 如果 Cmax = B
但是，可能需要进行修正，使H限制在360度范围内。
3. 计算饱和度 (S):
S = Δ / (1 - |2L - 1|)
4. 计算亮度 (L):
L = (Cmax + Cmin) / 2
5. 将计算得到的H限制在360度范围内:
H = H * 60° , 如果 H < 0
H = H * 60° - 360° , 如果 H ≥ 0

RGB是什么？

RGB是红（Red）、绿（Green）、蓝（Blue）的缩写，是一种数字颜色模型。在这个模型中，通过红、绿、蓝三原色的光的组合来表示各种颜色。

RGB颜色模型广泛用于数字图像和电子设备的显示等领域，每种颜色都在0到255的范围内表示。通过调整红、绿、蓝的组合，可以创建各种颜色。

HSL是什么？

HSL是色相（Hue）、饱和度（Saturation）、亮度（Lightness）的缩写，是一种表示颜色的方法。在这个模型中，色相表示颜色的类型（如红、绿、蓝），饱和度表示颜色的鲜艳度，亮度表示颜色的亮度。

HSL颜色模型可以直观地表示颜色，特别是在设计和图形领域广泛使用。通过改变色相，可以改变颜色的类型；通过调整饱和度和亮度，可以调整颜色的鲜艳度和亮度。

将RGB转换为HSL有什么好处？

将RGB转换为HSL有几个优点。首先，HSL是人眼更直观理解的颜色表示方法。通过色相、饱和度、亮度这三个元素，可以直观地调整颜色的类型、亮度和鲜艳度。

此外，在设计和图形领域中，经常需要调整和转换颜色。通过进行RGB到HSL的转换，可以更高效地进行颜色微调和确认颜色的搭配。此外，利用HSL，可以实现更多基于色相、饱和度和亮度特性的表达和设计。