カラーフォーマット変換

使い方

1. カラーピッカーを使うか、HEX 値（3 桁か 6 桁、# 省略可）を貼り付け。
2. 全てのフォーマットがリアルタイム更新。
3. 必要なフォーマットの右側のコピーボタンを押すだけ。

よくある質問

OKLCH とは？

知覚的に均等な色空間で、数値上の距離が視覚的な距離と一致します。モダン CSS がネイティブ対応、Figma 2024+ などのデザインツールも採用しており、グラデーションが滑らかでコントラスト管理も一貫します。

なぜ RGB が 2 行？

モダン CSS は空白区切り 'rgb(59 130 246)'、レガシーや旧ブラウザはカンマ区切り 'rgb(59, 130, 246)'。色は同じです。

アルファ（RGBA/HSLA）は？

このツールは不透明な色に集中。透明度が必要ならモダン構文に '/ 0.5' を追記（例：'rgb(59 130 246 / 0.5)'）するか、レガシー 'rgba(…, 0.5)' を使用。

HSV と HSB は同じ？

はい — HSV（Value）と HSB（Brightness）は同じモデルの別名。CSS は hsv() を直接受けないので、スタイルシートには HSL を使ってください。

関連ツール