HSL を RGB に変換
色相・彩度・輝度を入力すると、対応する0〜255の赤・緑・青のチャンネル値を取得できます。
ファイルはお使いのデバイスから外に出ません完全無料
#FF3D77
hsl 入力
結果 · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
使い方: HSL を RGB に変換
- 1
色を入力する
カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。
- 2
変換結果を確認する
入力と同時に結果が更新され、色のライブプレビューも表示されます。
- 3
コードをコピーする
必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。
HSLからRGBへ
HSLは色をデザインしやすい方法です。カラーホイールで色相を選び（0°は赤、120°は緑、240°は青）、色の鮮やかさを表す彩度と、0％が黒、50％が純粋な色相、100％が白になる輝度を設定します。しかし、ディスプレイは赤・緑・青のサブピクセルの明るさであるRGBで動作するため、HSLの色は表示される前に必ず変換されます。
ソフトがHSLに対応していないときは、RGBの値が必要です。多くのグラフィックソフト、AndroidやiOSのカラーAPI、LEDテープ、ゲームエンジン、グラフ作成ライブラリでは、3つのチャンネルの数値が求められます。HSLの3つの値を入力すると、RGBの結果がHEX、HSV、CMYKとともに表示されます。たとえば、hsl(200, 80%, 40%)はrgb(20, 129, 184)になります。HSLは整数で入力するため、隣り合う値から同じRGBカラーになることがあります。
すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。