WCAG 2.2 コントラスト比チェッカー

使い方

1. 前景色(文字)と背景色をピッカーまたはヘックスで指定
2. リアルタイムで計算されたコントラスト比を確認
3. 通常テキスト / 大きなテキストそれぞれで AA / AAA 判定を確認
4. サンプルテキストプレビューで実際の見た目を確認

よくある質問

AA と AAA の違いは?

通常テキストは AA 4.5:1 / AAA 7:1、大きなテキスト(18pt以上 or 14pt bold以上)は AA 3:1 / AAA 4.5:1 が基準です。

コントラスト比はどう計算されていますか?

sRGB値を線形光空間に変換し、BT.709係数で相対輝度を計算、(L1+0.05)/(L2+0.05) でコントラスト比を算出します。WCAG 2.2 仕様と完全一致します。

色を入れ替えて確認できますか?

「入れ替え」ボタンで前景と背景を瞬時に反転できます。明暗両パターンの判定を一度に確認可能。

画像は扱えますか?

このツールは2色間のコントラスト計算専用です。画像全体のコントラストを色覚特性ごとに検証したい場合は、色覚シミュレータをご利用ください。