RGB 到 HSL 颜色转换

输入红色、绿色和蓝色色阶 (0..255) 并按下转换按钮：

输入红色 (R)：
输入绿色（G）：
输入蓝色（B）：
色调 (H)：	°
饱和度（S）：	%
明度 (L):	%
颜色预览：

HSL 到 RGB 转换 ►

RGB转HSL公式

R、G、B值除以 255 以将范围从 0..255 更改为 0..1 ：

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

色相计算：

 

饱和度计算：

 

亮度计算：

L = (Cmax + Cmin) / 2

RGB 到 HSL 颜色表

颜色	颜色 姓名	十六进制	（红、绿、乙）	(高、低、低)
	黑色的	#000000	(0,0,0)	(0°,0%,0%)
	白色的	#FFFFFF	(255,255,255)	(0°,0%,100%)
	红色的	#FF0000	(255,0,0)	(0°,100%,50%)
	酸橙	#00FF00	(0,255,0)	(120°,100%,50%)
	蓝色的	#0000FF	(0,0,255)	(240°,100%,50%)
	黄色的	#FFFF00	(255,255,0)	(60°,100%,50%)
	青色	#00FFFF	(0,255,255)	(180°,100%,50%)
	品红	#FF00FF	(255,0,255)	(300°,100%,50%)
	银	#BFBFBF	(191,191,191)	(0°,0%,75%)
	灰色的	#808080	(128,128,128)	(0°,0%,50%)
	栗色	#800000	(128,0,0)	(0°,100%,25%)
	橄榄	#808000	(128,128,0)	(60°,100%,25%)
	绿色的	#008000	(0,128,0)	(120°,100%,25%)
	紫色的	#800080	(128,0,128)	(300°,100%,25%)
	蓝绿色	#008080	(0,128,128)	(180°,100%,25%)
	海军	#000080	(0,0,128)	(240°,100%,25%)

 

HSL 到 RGB 转换 ►

 

---

也可以看看

• 如何将RGB转换为十六进制
• 十六进制到 RGB 转换器
• HSL 到 RGB 转换器

RGB 到 HSL 颜色转换器工具的功能

1. 将 RGB 值转换为 HSL 值：该工具允许用户输入 RGB 值（红色、绿色、蓝色）并将其转换为相应的 HSL 值（色调、饱和度、亮度）。

2. 将 HSL 值转换为 RGB 值：该工具还允许用户输入 HSL 值并将其转换为相应的 RGB 值。

3. 自定义颜色输入：用户可以输入自己的 RGB 或 HSL 值以转换为其他格式。

4. 颜色选择器：一些 RGB 到 HSL 颜色转换器工具可能包含颜色选择器功能，允许用户从视觉调色板或通过调整 RGB 或 HSL 值的滑块来选择颜色。

5. 结果颜色预览：该工具应在转换后显示结果颜色的预览，以便用户可以看到颜色的样子。

6. 多种颜色转换：某些工具可能允许用户一次转换多种颜色，方法是输入多组值或使用色样或调色板。

7. 颜色库或调色板：一些工具可能包含预定义颜色的库或调色板，用户可以从中选择或用作参考。

8. 响应式设计：该工具应该具有响应性，并且可以在各种设备（例如台式电脑、平板电脑和智能手机）上正常运行。

9. HSL 颜色空间可视化：一些工具可能包括 HSL 颜色空间的可视化，这可以帮助用户了解不同的 HSL 值如何对应不同的颜色。

10. 将 HSL 值调整为百分比或度数的选项：某些工具可能允许用户以百分比或度数形式输入 HSL 值，具体取决于他们的偏好。