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

文字色と背景色を選ぶと、WCAG 2.x のコントラスト比と AA / AAA 判定をリアルタイムに表示します。

文字色 HEX 背景色 HEX

— : 1 コントラスト比

— AA 通常文字（4.5:1 以上）

— AA 大文字（3:1 以上）

— AAA 通常文字（7:1 以上）

— AAA 大文字（4.5:1 以上）

通常サイズの文字：素早い茶色の狐がのんびりした犬を飛び越える。0123456789

大きい文字のサンプル：あのイーハトーヴォのすきとおった風

WCAG のコントラスト基準とは

WCAG（Web Content Accessibility Guidelines）2.x では、文字と背景の相対輝度の比（明るい方 + 0.05 ÷ 暗い方 + 0.05）でコントラスト比を定義しています。比は 1:1（同色）から 21:1（黒と白）までの値を取ります。

AA（達成基準 1.4.3）: 通常文字は 4.5:1 以上、大文字は 3:1 以上。多くのサイトが目標とする標準レベルです。
AAA（達成基準 1.4.6）: 通常文字は 7:1 以上、大文字は 4.5:1 以上。より高いアクセシビリティが求められる場合の基準です。

WCAG での大文字とは、18pt（約 24px）以上、または太字で 14pt（約 18.66px）以上の文字を指します。見出しなど大きい文字は、本文より緩い基準が適用されます。

4.5:1 は、標準的な視力低下（およそ 20/40 相当）があるユーザーでも本文を読み取れるように定められたしきい値です。ロゴや装飾目的の文字、無効状態の UI テキストはこの基準の対象外です。