HSL から RGB への色変換

色相 (°)、彩度、明度 (0..100%) を入力し、 [変換] ボタンを押します。

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)	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%)	#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 への変換 ►

こちらもご覧ください

HSL から RGB への色変換

RGB カラースペースは、赤、緑、青の 3 原色を使用して他のすべての色を作成する加法的カラースペースです。RGB カラー値は、原色ごとに 1 つずつ、3 つの 8 ビット整数を使用して指定されます。これにより、0 (光なし) から 255 (完全な光) までの可能な色の範囲が作成されます。

HSL (色相、彩度、明度) は、RGB よりも直感的に色を指定できる色空間です。HSL 値は、コンポーネントごとに 1 つずつ、3 つの浮動小数点数を使用して指定されます。可能な HSL 値の範囲は、0 (色相なし) から 1 (完全な彩度と明度) です。

RGB から HSL への変換は、RGB カラー値を HSL 値に変換するプロセスです。RGB から HSL への変換式は次のとおりです。

色相 = (赤 - 緑) / (赤 + 緑 + 青)
彩度 = (青 - 緑) / (青 + 緑 + 赤)