HSL到RGB颜色转换

输入色调（度）、饱和度和亮度（0..100%），然后点击转换按钮：

输入色调（H）：	°
输入饱和度（S）：	%
输入亮度（L）：	%
RGB十六进制代码（#）：
红色（R）：
绿色（G）：
蓝色（B）：
颜色预览：

RGB到HSL转换 ►

HSL到RGB转换公式

当 0 ≤ H < 360, 0 ≤ S ≤ 1 且 0 ≤ L ≤ 1 时：

C = (1 - |2L - 1|) × S

X = C × (1 - |(H / 60°) mod 2 - 1|)

m = L - C/2

(R,G,B) = ((R'+m)×255, (G'+m)×255,(B'+m)×255)

HSL到RGB颜色表

颜色	颜色 名称	(H,S,L)	Hex	(R,G,B)
	黑色	(0°,0%,0%)	#000000	(0,0,0)
	白色	(0°,0%,100%)	#FFFFFF	(255,255,255)
	红色	(0°,100%,50%)	#FF0000	(255,0,0)
	绿色	(120°,100%,50%)	#00FF00	(0,255,0)
	蓝色	(240°,100%,50%)	#0000FF	(0,0,255)
	黄色	(60°,100%,50%)	#FFFF00	(255,255,0)
	青色	(180°,100%,50%)	#00FFFF	(0,255,255)
	洋红	(300°,100%,50%)	#FF00FF	(255,0,255)
	银色	(0°,0%,75%)	#BFBFBF	(191,191,191)
	灰色	(0°,0%,50%)	#808080	(128,128,128)
	栗色	(0°,100%,25%)	#800000	(128,0,0)
	橄榄色	(60°,100%,25%)	#808000	(128,128,0)
	绿色	(120°,100%,25%)	#008000	(0,128,0)
	紫色	(300°,100%,25%)	#800080	(128,0,128)
	青色	(180°,100%,25%)	#008080	(0,128,128)
	海军蓝	(240°,100%,25%)	#000080	(0,0,128)

 

RGB到HSL转换 ►

 

---

另请参阅

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