CONTRAST CHECKER
読みやすさを、
読みやすさを、
色の組み合わせから。
前景色と背景色を試しながら、WCAGの基準と色覚シミュレーションで、安心して使える配色を見つけます。
見え方のプレビュー
実際の文字サイズで確認見出しテキスト
これはプレビュー用のテキストです。この組み合わせが実際のUIでどのように見えるかを確認できます。
小さなテキスト (12px) のプレビュー
21.0:1
通常のコントラスト比
通常テキスト AAPASS
通常テキスト AAAPASS
—
シミュレーション比
シミュレーション AAPASS
シミュレーション AAAPASS
色覚多様性へのメモ
未評価
WCAG 2.1 基準
| レベル | 通常テキスト | 大テキスト (18pt+) |
|---|---|---|
| AA (最低基準) | 4.5:1 以上 | 3.0:1 以上 |
| AAA (推奨) | 7.0:1 以上 | 4.5:1 以上 |