HSLからRGB色の変換

色相 (H) を入力:	°
彩度 (S) を入力:	%
明度 (L) を入力:	%
RGB 16進数コード (#):
赤色成分 (R):
緑色成分 (G):
青色成分 (B):
色のプレビュー:

 

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)	16進数	(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%)	#C0C0C0	(192,192,192)
	グレー	(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を16進数に変換する方法
• 16進数からRGBへの変換ツール
• RGBからHSLへの変換ツール