◐

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

テキストと背景色のWCAGコントラスト比をチェックし、AA/AAAの判定を表示します。

ファイルはこの端末に残ります

ファイルはブラウザ内で処理され、アップロードされません。ツールの実行に必要なコードと素材はダウンロードされます。アカウントも追跡もありません。

ダウンロードを使うと、このツールを1つのHTMLファイルに保存してオフラインで使えます。

テキスト色

背景

いろはにほへとちりぬるをわかよたれそつねならむ。

大きいサンプルテキスト

このツールについて

前景色と背景色を比較して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が必要です。