#e17100の背景に#461901の文字:コントラストチェック
文字と背景のコントラストをWCAG 2とAPCAで並べて確認し、ワンクリックで修正できます。
HEXとして認識
HEXとして認識
大きな見出し
読みやすいサイズの本文です。ページの大部分はこの形で組まれるため、最も高いコントラストが必要です。
小さな文字、キャプション、補足
ボタンどの文字も読める
多くのサイトやアクセシビリティ関連の法律が求めるAAを満たしています。
4.69:1
- AA · 通常の文字合格
- AA · 大きな文字合格
- AAA · 通常の文字不合格
- AAA · 大きな文字合格
Lc 40.9
補足の文字とプレースホルダー
バージョン APCA-W3 0.1.9。APCAはWCAG 3の候補で、参考として表示しています。
基準を満たす色にする
基準を満たす最も近い色です。明度だけを変えるので、色相はそのままです。
| 文字を調整 | 背景を調整 | |
|---|---|---|
| WCAG AA 4.5:1 | すでに合格しています。 | すでに合格しています。 |
| WCAG AAA 7:1 | 明度の変更だけでは届きません。 | #ff9843 |
| APCA Lc 75 | 明度の変更だけでは届きません。 | #ffc69a |