HSLとは何ですか？

色相(Hue)、彩度(Saturation)、輝度(Lightness)で色を表す方法です。直感的に色の明るさや鮮やかさを調整しやすいため、デザイン調整時によく使われます。

透明度は扱えますか？

現在のバージョンでは不透明色のみ対応しており、RGBAなどのアルファチャンネル（透明度）の変換には対応していません。

HEX / RGB / HSL を相互に変換

クリックしてカラーピッカーを開く

HEX

RGB

HSL

hsl(243, 75%, 59%)

１つの形式を変更すると、他の全ての形式が自動的に更新されます。

HEX、RGB、カラーピッカーのいずれかで色を指定します。テキストエリアに値を入力するか、色をクリックして選択してください。

指定した色が、HEX、RGB、HSLの各形式で表示されます。

コピーボタンをクリックして、必要な形式のコードをクリップボードに保存します。