カラーコード変換ツール

使い方

1. カラーピッカー、HEX、RGB（R/G/B）、HSL（H/S/L）のいずれかを入力・変更します
2. どこを変更しても、他のすべての表記が自動的に更新されます
3. 各表記の「Copy」ボタンでその表記の文字列をコピーできます

処理はすべてブラウザ内のJavaScriptで完結し、サーバーとの通信は一切ありません。

具体例

HEX に #ff6347（トマト色）と入力すると、RGB は rgb(255, 99, 71)、HSL は hsl(9, 100%, 64%) に自動変換されます。

FAQ

3桁の省略HEX（例: #f00）は使えますか？

はい、#f00 のような3桁のHEXコードにも対応しています。

アルファ値（透過度）には対応していますか？

いいえ、現在は不透明なRGB/HSL/HEXのみ対応しています。

無効な値を入力するとどうなりますか？

HEXが不正な形式の場合はエラーメッセージが表示されます。RGB/HSLの数値は範囲外の値が自動的に0〜255・0〜360・0〜100に丸められます。

入力したデータは保存されますか？

いいえ。処理はすべてブラウザ内で完結し、ページを再読み込みすると消えます。