カラー変換
CSS形式の色を入力すると、HEX・RGB・HSL・HWB・OKLCH・OKLab・CMYKの値とWCAGコントラスト比を表示します。
アップロードなし・すべての処理はこのブラウザで実行
コントラスト（WCAG 2）
| 白背景の文字 | 黒背景の文字 | |
|---|---|---|
| コントラスト比 | ||
| AA 大きな文字 (3:1) | ||
| AA 通常の文字 (4.5:1) | ||
| AAA 通常の文字 (7:1) |
よくある質問
OKLCHとは何ですか？
人の目に均等に感じられる色空間で、明度・彩度・色相によって色を表す方式です。明度だけを変えても色味が保たれるためデザインシステムに便利で、最新のブラウザはすべてCSSで対応しています。
CMYKが近似値なのはなぜですか？
実際の印刷色は用紙・インク・ICCプロファイルによって変わります。このツールはプロファイルなしの簡易計算なので、正確な値は印刷会社に確認してください。