#8e51ffの背景に#f5f3ffの文字:コントラストチェック
文字と背景のコントラストをWCAG 2とAPCAで並べて確認し、ワンクリックで修正できます。
HEXとして認識
HEXとして認識
大きな見出し
読みやすいサイズの本文です。ページの大部分はこの形で組まれるため、最も高いコントラストが必要です。
小さな文字、キャプション、補足
ボタン大きな文字のみ
24px以上、または太字19px以上の見出しなら問題ありません。本文には弱すぎます。
4.01:1
- AA · 通常の文字不合格
- AA · 大きな文字合格
- AAA · 通常の文字不合格
- AAA · 大きな文字不合格
Lc -68.2
18px以上か太字の文字
バージョン APCA-W3 0.1.9。APCAはWCAG 3の候補で、参考として表示しています。
基準を満たす色にする
基準を満たす最も近い色です。明度だけを変えるので、色相はそのままです。
| 文字を調整 | 背景を調整 | |
|---|---|---|
| WCAG AA 4.5:1 | #0a0910 | #8647f5 |
| WCAG AAA 7:1 | 明度の変更だけでは届きません。 | #6b1dd2 |
| APCA Lc 75 | #ffffff | #7f3dec |