RGBからHSLへの色変換

赤、緑、青の色レベル(0..255)を入力し、[変換]ボタンを押します。

赤い色を入力してください(R):
緑色を入力してください(G):
青い色を入力してください(B):
   
色相(H): °°  
彩度(S):  
明度(L):  
カラープレビュー:  

HSLからRGBへの変換►

RGBからHSLへの変換式

RGはBの値が0 255から0..1の範囲を変更するために255で割ます。

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へのカラーテーブル

名前

16進数 (R、G、B) (H、S、L)
  ブラック #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への変換►

 


も参照してください

色変換
迅速なテーブル