カラーコンバーター

HEX・RGB・HSL形式のカラーコードをリアルタイムで相互変換できるツールです。

R G B
H S L

カラーコンバーターの使い方

カラーピッカーで色を選択するか、HEX・RGB・HSLのいずれかのフィールドに値を入力すると、リアルタイムで他の形式に自動変換されます。上部のプレビューボックスで選択中の色を確認できます。各形式の「コピー」ボタンで値をクリップボードにコピーできます。

カラーコードの形式について

HEX(16進数)は#RRGGBBの形式で、Webデザインで最も一般的に使用されるカラーコード表記です。RGBは赤(Red)、緑(Green)、青(Blue)の3つの値(0〜255)で色を指定する加法混色モデルです。HSLは色相(Hue: 0〜360度)、彩度(Saturation: 0〜100%)、明度(Lightness: 0〜100%)で色を表現する形式で、直感的に色を調整しやすいという特徴があります。CSSではrgb()やhsl()関数としてそのまま使用できます。

よくある質問(FAQ)

Q. 対応しているカラー形式は?

A. HEX(#RRGGBB)、RGB(0〜255の各チャンネル)、HSL(色相・彩度・明度)の3形式に対応しています。入力はどの形式からでも可能です。

Q. 入力データのセキュリティは?

A. すべての変換処理はお使いのブラウザ内で完結します。入力データがサーバーに送信されることは一切ありませんので、安心してご利用ください。