コントラスト比チェッカー
テキストと背景色のコントラスト比をWCAG 2.1基準で判定します。
サンプルテキスト Sample Text
これはコントラスト比のプレビューです。読みやすさを確認してください。
小さいテキスト (12px) のサンプルです。
コントラスト比
14.68:1
通常テキスト
WCAG AA (4.5:1以上)
✅
通常テキスト
WCAG AAA (7:1以上)
✅
大きいテキスト (18pt+)
WCAG AA (3:1以上)
✅
大きいテキスト (18pt+)
WCAG AAA (4.5:1以上)
✅
WCAGコントラスト基準について
- AA レベル: 通常テキスト 4.5:1以上 / 大きいテキスト(18pt+) 3:1以上
- AAA レベル: 通常テキスト 7:1以上 / 大きいテキスト(18pt+) 4.5:1以上
- WCAG（Web Content Accessibility Guidelines）はW3Cが定めるウェブアクセシビリティの国際標準規格です。
- 日本では「JIS X 8341-3:2016」としてWCAG 2.0をベースに標準化されています。