前景色と背景色を入力して WCAG コントラスト比を計算し、AA/AAA の合否を確認します（ローカル処理）。
サンプルテキスト
The quick brown fox jumps over the lazy dog. 0123456789
Aa
判定結果
コントラスト比:
-
AA（通常文字）≥ 4.5
-
AA（大きい文字）≥ 3.0
-
AAA（通常文字）≥ 7.0
-
AAA（大きい文字）≥ 4.5
-
推奨前景色
黒を使用:
-
白を使用:
-
使い方
- 「前景色」「背景色」のカラーピッカーを使うか、HEX カラーコードを直接入力します。
- 計算されたコントラスト比（例：4.5:1）を確認します。
- WCAG 2.1 の AA/AAA（通常文字と大きい文字）の合否を確認します。
- 「色覚シミュレーション」で見え方の違いをプレビューします。
よくある質問とヒント
- WCAG AA は通常文字 4.5:1 以上、大きい文字 3.0:1 以上が必要です。
- WCAG AAA は通常文字 7.0:1 以上、大きい文字 4.5:1 以上が必要です。
- コントラスト不足の場合は「黒を使用」「白を使用」の提案で素早く調整できます。
- すべての計算はブラウザ内で行われ、データはアップロードされません。
