UTILS.
100% ブラウザ内で完結

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

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

いろはにほへと ちりぬるを わかよたれそ つねならむ。
大きいサンプルテキスト

このツールについて

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

その他のツール