Color & CSS Tools
Contrast Checker (WCAG)
2色のコントラスト比とWCAG準拠を判定。
サンプルテキスト
The quick brown fox
3.68 : 1
WCAG AA (4.5:1): ✗ Fail
WCAG AAA (7:1): ✗ Fail
大型テキスト AA (3:1): ✓ Pass
使い方
- 文字色・背景色を選択
- 比率と判定結果を確認
Contrast Checker (WCAG)について
文字色と背景色のコントラスト比を計算し、WCAG 2.1のAA / AAA基準を満たしているかを判定する無料アクセシビリティツールです。
よくある質問
AAとAAAの違いは？
AAは4.5:1以上、AAAは7:1以上が要件です。