カラーコントラストチェッカー (WCAG)
前景色と背景色の組み合わせがWCAG AAおよびAAAアクセシビリティ基準を満たしているかチェックします。
スタジオ · ニュートラル環境
コントラスト比
—
: 1
AA · 本文 ≥ 4.5
AA · 大きな文字 ≥ 3.0
AAA · 本文 ≥ 7.0
AAA · 大きな文字 ≥ 4.5
ワンクリック修正 · 色相を維持
機能
Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text
使い方
1. 文字色と背景色を設定すると、見本と WCAG 判定がリアルタイムに更新されます。
2. 見本（文字見本 / 記事 / インターフェース）を切り替えて実際の使用場面で確認できます。S キーで 2 色を入れ替えます。
3. 基準を満たさない場合はワンクリック修正を使えます — 色相を保ったまま明度だけを調整します。WCAG レポートのコピーも可能です。
よくある質問
What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.