入力
プレビュー
#3B82F6 · rgb(59, 130, 246) · hsl(217, 91%, 60%)
出力
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
対応例：
#3B82F6
、 rgb(59, 130, 246)
、 hsl(217, 91%, 60%)
使い方
- 入力欄に色コード（HEX / RGB / HSL）を入力するか、右側のカラーピッカーで色を選びます。
- ツールが形式を自動判定して変換します。
- プレビュー欄で実際の色を確認できます。
- 出力欄で HEX / RGB / HSL を確認し、ワンクリックでコピーできます。
ヒント
- 対応入力形式：#RRGGBB、rgb(r, g, b)、hsl(h, s%, l%)。
- 形式が不正な場合はエラーメッセージが表示されます。
- 出力欄右側の「コピー」ボタンで色コードをクリップボードに保存できます。
- 変換はすべてブラウザ内で実行され、データはアップロードされません。
