カラーフォーマット コンバーター
HEX / RGB / HSL / OKLCH をリアルタイムで相互変換。透明度・カラーピッカー対応。
カラーピッカー
#0d94885.61:1
透明度(α)
100%
プリセット
カラーフォーマット
- HEX
- RGB
- HSL
- OKLCH
CSS での使い方
color:
#0d9488;background:
rgb(13, 148, 136);border-color:
hsl(175, 84%, 32%);使い方
- カラーピッカーで色を選ぶか、プリセットをクリックすると 4フォーマット全てが自動更新されます
- 各フォーマット欄に直接入力して Enter または欄の外をクリックすると他のフォーマットに即変換されます
- 透明度(α)スライダーで 0–100% を調整できます。HEX 8桁・RGBA・HSLA・OKLCH α 形式に同時反映されます
- 📋 ボタンでフォーマットをクリップボードにコピーして CSS に貼り付けられます