このツールについて
前景色と背景色を比較してWCAGコントラスト比を確認し、AAおよびAAAに合格するかどうかを表示します。すべてブラウザ内でローカルに計算されます。
よくある質問
大きい文字とは何ですか？
WCAGでは18pt（24px）以上、または14pt（18.66px）以上の太字を大きい文字とみなし、AAでは3:1という低めの比率で済みます。
どの比率が合格しますか？
通常の文字はAAで4.5:1、AAAで7:1が必要です。大きい文字はAAで3:1、AAAで4.5:1が必要です。
プライバシーを標準に
◐
カラーコントラストチェッカー
テキストと背景色のWCAGコントラスト比をチェックし、AA/AAAの判定を表示します。
ファイルはこの端末に残ります
ファイルはブラウザ内で処理され、アップロードされません。ツールの実行に必要なコードと素材はダウンロードされます。アカウントも追跡もありません。
ダウンロードを使うと、このツールを1つのHTMLファイルに保存してオフラインで使えます。
プライバシー →いろはにほへと ちりぬるを わかよたれそ つねならむ。
大きいサンプルテキスト
具体例を試す
例
文字色を #767676、背景を #ffffff にします。比率は 4.54:1 で、通常の文字の AA に合格します。1 段階明るい #777777 は 4.48:1 で不合格です。AA では通常の文字に 4.5:1 以上が必要だからです。
注意点
大きな文字（約 24px、太字なら 18.7px）は AA に 3:1 で足ります。比率は細いフォント、画像上の文字、透明度を考慮しないため、実際のデザインも確認し、色だけで意味を伝えないでください。