HSL を HSV に変換
色相・彩度・輝度を、グラフィックソフト用の色相・彩度・明度（HSB）に変換します。
ファイルはお使いのデバイスから外に出ません完全無料
#FF3D77
hsl 入力
結果 · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
使い方: HSL を HSV に変換
- 1
色を入力する
カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。
- 2
変換結果を確認する
入力と同時に結果が更新され、色のライブプレビューも表示されます。
- 3
コードをコピーする
必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。
HSLとHSVの比較
HSLもHSVも、カラーホイール上の角度である色相から始まり、残りを2つのパーセントで表しますが、そのパーセントの意味は異なります。HSLでは、輝度50％が純粋な色で、100％は常に白です。HSB とも呼ばれるHSVでは、明度100％がその色相の最も明るい状態で、白は明度100％・彩度0％になります。彩度の計算方法も違うため、数値をそのまま写すことはできません。
そのため、CSSでhsl(120, 100%, 25%)と書かれる色（CSSカラーのGreen）は、HSVのカラーピッカーではhsv(120, 100%, 50%)と入力する必要があります。Webのコードから、HSVで動作するPhotoshop、Figma、Blender、画像処理のコードに色を移すときにこのツールを使いましょう。色相は変わらず、彩度と3つ目の値だけが変わります。
すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。