カラーコード変換

このツールについて

HEX、RGB、HSL形式のカラーコードをリアルタイムで相互変換するツールです。カラープレビューも表示されます。Web開発やデザイン作業に便利です。

使い方

1. 任意の形式（HEX、RGB、HSL）でカラー値を入力します。
2. 他の形式が自動的に計算・表示されます。
3. カラーピッカーで視覚的に色を選択できます。

使用例

• #FF5733をRGBとHSLに変換する。
• rgb(100, 200, 50)のHEX値を調べる。
• デザインツールのHSLカラーをCSS用のHEXに変換する。