カラーコントラストチェッカー
文字と背景のコントラストをWCAG 2とAPCAで並べて確認し、ワンクリックで修正できます。
HEXとして認識
HEXとして認識
大きな見出し
読みやすいサイズの本文です。ページの大部分はこの形で組まれるため、最も高いコントラストが必要です。
小さな文字、キャプション、補足
ボタンどの文字も読みやすい
最も厳しいAAAレベルを満たしています。
13.18:1
- AA · 通常の文字合格
- AA · 大きな文字合格
- AAA · 通常の文字合格
- AAA · 大きな文字合格
Lc 94.1
本文に最適
バージョン APCA-W3 0.1.9。APCAはWCAG 3の候補で、参考として表示しています。
基準を満たす色にする
基準を満たす最も近い色です。明度だけを変えるので、色相はそのままです。
| 文字を調整 | 背景を調整 | |
|---|---|---|
| WCAG AA 4.5:1 | すでに合格しています。 | すでに合格しています。 |
| WCAG AAA 7:1 | すでに合格しています。 | すでに合格しています。 |
| APCA Lc 75 | すでに合格しています。 | すでに合格しています。 |