カラーフォーマット変換ツール
カラーピッカー
HEX
RGB
HSL
RGBA
HSLA
使い方
- HEX、RGB、HSL、RGBA、HSLAのいずれかの形式で色を入力するか、上部のカラースウォッチをクリックしてカラーピッカーを開いてください
- 他のすべてのフォーマットフィールドが自動的に更新されます
- RGBAまたはHSLAセクションのA値を調整して透明度を設定します（0＝完全透明、1＝完全不透明）
- 任意のフォーマットの「コピー」ボタンをクリックして、CSS対応のカラー値をコピーします
- 上部のチェッカーボードスウォッチで色と透明度を視覚的に確認できます
よくある質問
HEXカラーフォーマットとは何ですか？
HEXは6桁の16進数で色を表します（例：#FF5733）。CSSやウェブデザインで広く使用されています。
RGBカラーフォーマットとは何ですか？
RGBは赤・緑・青の各成分（それぞれ0〜255）で色を指定します。例：rgb(255, 87, 51)。
HSLカラーフォーマットとは何ですか？
HSLは色相（0–360°）、彩度（0–100%）、明度（0–100%）を表します。デザイナーが直感的に色を調整しやすい形式です。
RGBAカラーフォーマットとは何ですか？
RGBAはRGBにアルファチャンネル（0–1）を追加して透明度を制御します。例：rgba(255, 87, 51, 0.5)は50%透明です。
HSLAカラーフォーマットとは何ですか？
HSLAはHSLにアルファチャンネル（0–1）を追加した形式です。例：hsla(14, 100%, 60%, 0.5)は半透明のオレンジです。