HSLからRGBへの色変換

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

色相(H)を入力してください: °°  
彩度(S)を入力してください:  
明度(L)を入力してください:  
   
RGB 16進コード(#):  
赤色(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

RGB)=((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への変換►

 


も参照してください

色変換
迅速なテーブル