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