カラーコンバーター
HEX、RGB、HSL形式間で色を変換し、リアルタイムでプレビューします。
100% Client-Side
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
赤
59
緑
130
青
246
色相
217°
彩度
91%
明度
60%
概要 カラーコンバーター?
カラーコードをHEX、RGB、HSL、CMYKなどの形式間で変換します。Webデザインやグラフィック作業で色の値を素早く変換する際に便利です。
使い方
- 色の値を任意の形式で入力してください（例: #FF5733、rgb(255,87,51)）
- すべての形式の変換結果が即座に表示されます
- カラープレビューで視覚的に確認できます
よくある質問
- HEXとRGBの違いは？
- HEXは16進数（#FF5733）、RGBは10進数（255, 87, 51）で同じ色を表現します。CSSではどちらも使用可能です。
- HSLカラーモデルの利点は？
- 色相（Hue）、彩度（Saturation）、明度（Lightness）を直感的に調整でき、カラーパレットの作成に便利です。
- Webで使いやすい色形式は？
- CSSではHEXが最も普及しており、透明度が必要ならrgba()、色の調整が必要ならhsl()を使用してください。