色変換
HEX、RGB、HSL色コードを相互変換します。カラーピッカーとCSSコード出力対応。
HEX
RGB
rgb(52, 152, 219)HSL
hsl(204, 70%, 53%)CSSコード
#3498dbrgb(52, 152, 219)hsl(204, 70%, 53%)使い方
- 1カラーコードを入力 — HEX、RGB、HSLのいずれかの形式でカラーコードを入力するか、カラーピッカーで色を選択します。
- 2変換結果を確認 — 入力した色が即座にすべての形式（HEX、RGB、HSL）に変換され、プレビューとともに表示されます。
- 3コードをコピー — 必要な形式のコードをコピーボタンでクリップボードにコピーし、CSSやデザインツールに貼り付けます。
使い方のヒント
- ✓HEX、RGB、HSLのいずれかを入力すると残りが自動変換されます。
- ✓カラーピッカーで直感的に色を選択できます。
- ✓CSSコードをコピーしてすぐに使用できます。
よくある質問
どのカラーコード形式に対応していますか？
HEX（16進数）、RGB、HSL、HSVの相互変換に対応しています。Webデザインやアプリ開発で必要なカラーコード変換が簡単に行えます。
カラーピッカーで色を選べますか？
はい、視覚的なカラーピッカーから直感的に色を選択し、各形式のカラーコードを一括で取得できます。
CSSで使えるコードをコピーできますか？
はい、HEX、RGB、HSLの各形式をワンクリックでコピーでき、CSSにそのまま貼り付けて使用できます。
色の名前からカラーコードを調べられますか？
CSS標準色名（red、blue、cornflowerblueなど）からカラーコードを検索する機能にも対応しています。