カラーコントラストチェッカー
色の組み合わせがWCAGアクセシビリティ基準を満たすか確認します。
Sample Text
The quick brown fox jumps over the lazy dog.
21.00:1
Contrast Ratio
PASSAA Normal Text
Required: 4.5:1
PASSAA Large Text
Required: 3:1
PASSAAA Normal Text
Required: 7:1
PASSAAA Large Text
Required: 4.5:1
WCAG準拠
通常テキストと大きなテキストのAA・AAA準拠レベルをチェックします。
プレビュー
テキストと背景色の組み合わせをリアルタイムでプレビューします。
コントラスト比
任意の2色間の正確なコントラスト比を取得します。
FAQ
WCAGコントラスト比とは？
WCAGでは通常テキスト（AA）は最低4.5:1、強化コントラスト（AAA）は7:1が必要です。大きなテキストのAAは3:1です。
カラーコントラストが重要な理由は？
十分なコントラストにより、弱視や色覚異常の方もテキストを読めるようになり、法的なアクセシビリティ要件を満たします。