コントラストチェッカー
WCAG AA/AAAアクセシビリティ基準に基づくカラーコントラスト比をチェック。無料・即時・オフラインでも動作。
Large Text
Normal text sample for contrast testing
Small / UI text sample
--
Contrast Ratio
--
AA Normal (4.5:1)
--
AA Large (3:1)
--
AAA Normal (7:1)
--
AAA Large (4.5:1)
About WCAG Contrast
WCAG (Web Content Accessibility Guidelines) define minimum contrast ratios for text to be readable:
| Level | Normal Text | Large Text (≥18px or bold ≥14px) |
|---|---|---|
| AA | 4.5:1 | 3:1 |
| AAA | 7:1 | 4.5:1 |
Contrast ratio ranges from 1:1 (same colors) to 21:1 (black on white). Higher = better readability.
About Contrast Checker
WCAGアクセシビリティ基準に基づくカラーコントラスト比をチェックします。テキストと背景色をテストし、通常テキストと大きいテキストのAAおよびAAA評価を確認できます。アクセシブルなインターフェースを構築するウェブデザイナーや開発者に必須のツールです。
WCAG準拠
WCAG 2.1 AAおよびAAA基準に基づいてチェックします。カラー組み合わせがアクセシビリティ要件を満たすかどうかを即座に確認できます。
ライブプレビュー
背景上のテキストをリアルタイムで確認できます。スライダーで色を調整するか、HEX/RGB値を直接入力します。
通常テキスト＆大きいテキスト
本文テキストと大きいテキスト/見出しの評価を分けて表示。それぞれ異なるしきい値を明確に示します。
カラー提案
コントラスト要件を満たす明るい/暗い色の提案を取得。アクセシブルな代替色を即座に見つけられます。