カラーピッカー - HEX・RGB・HSLカラー変換ツールオンライン

色を選択してHEX、RGB、HSL形式間を即座に変換します

カラーツール

Tool

Color Picker

HEX

RGB

HSL

Quick Copy

HEX#6366f1

RGBrgb(99, 102, 241)

HSLhsl(239, 84%, 67%)

使い方

HEXはCSSで使用される6桁の16進数表記です（例：#6366f1）。RGBは赤、緑、青のチャンネル強度（各0～255）で色を表現します。HSLは色相、彩度、明度の略で、色のバリエーションを選択する際により直感的です。

はい。有効なHEX値（#プレフィックスの有無にかかわらず）をHEXフィールドに入力または貼り付けるか、R/G/BまたはH/S/Lフィールドに数値を直接入力できます。他のすべての形式が即座に更新されます。

色空間の変換では整数値への丸めが行われるため、±1程度のわずかな往復誤差が生じることがあります。表示されるカラースウォッチは常に正確な現在の値を反映しています。

使い方

1カラーピッカーを使用するか、任意の形式フィールドに値を入力します

23つの形式（HEX、RGB、HSL）がすべて自動的に更新されます

3任意の形式の横にある「コピー」をクリックしてクリップボードにコピーします

4下部のクイックコピーセクションを使用して、すべての形式にすばやくアクセスできます

よくある質問