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