RGB から HSL への色変換

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

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

HSL から RGB への変換 ►

RGB から HSL への変換式

R、G、Bの値を 255 で割って、範囲を 0..255 から 0..1 に変更します。

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

 

こちらもご覧ください

RGBからHSLへの色変換ツールの機能

  1. RGB 値を HSL 値に変換: このツールを使用すると、ユーザーは RGB 値 (赤、緑、青) を入力し、それらを対応する HSL 値 (色相、彩度、明度) に変換できます。

  2. HSL 値を RGB 値に変換する: このツールでは、ユーザーが HSL 値を入力して、対応する RGB 値に変換することもできます。

  3. カスタム カラー入力: ユーザーは独自の RGB または HSL 値を入力して、他の形式に変換できます。

  4. カラー ピッカー: 一部の RGB から HSL へのカラー コンバーター ツールには、カラー ピッカー機能が含まれている場合があります。これにより、ユーザーは視覚的なパレットから色を選択したり、RGB または HSL 値のスライダーを調整したりできます。

  5. 結果の色のプレビュー: ツールは変換後に結果の色のプレビューを表示する必要があるため、ユーザーは色がどのように見えるかを確認できます。

  6. 複数の色の変換: 一部のツールでは、複数の値のセットを入力するか、色見本またはパレットを使用して、ユーザーが一度に複数の色を変換できる場合があります。

  7. カラー ライブラリまたはパレット: 一部のツールには、ユーザーが選択したり参照として使用したりできる定義済みの色のライブラリまたはパレットが含まれている場合があります。

  8. レスポンシブ デザイン: ツールはレスポンシブで、デスクトップ コンピューター、タブレット、スマートフォンなどのさまざまなデバイスで適切に機能する必要があります。

  9. HSL 色空間の視覚化: 一部のツールには、HSL 色空間の視覚化が含まれている場合があります。これにより、さまざまな HSL 値がさまざまな色にどのように対応するかをユーザーが理解するのに役立ちます。

  10. HSL 値をパーセンテージまたは度として調整するオプション: 一部のツールでは、ユーザーの好みに応じて、HSL 値をパーセンテージまたは度として入力できます。

Advertising

色変換
°• CmtoInchesConvert.com •°