コントラスト比チェック (WCAG)

前景色と背景色のコントラスト比を計算して、WCAG 2.1 AA/AAA への適合を判定します。アクセシブルな配色設計に。

前景 (文字色)

背景

プリセット:

あ A 漢字 — 大見出し

中見出し / Heading

通常テキスト：迅速な茶色のキツネは怠惰な犬を飛び越える。The quick brown fox jumps over the lazy dog.

小さいテキスト sample text 1234567890 — 細かい注意書きなど

コントラスト比:14.68:1

✓ AA 通常テキスト(≥ 4.5)

✓ AA 大きい文字(≥ 3.0 (18pt+ / 14pt太字+))

✓ AA UI 部品(≥ 3.0)

✓ AAA 通常テキスト(≥ 7.0)

✓ AAA 大きい文字(≥ 4.5)

基準：WCAG 2.1 — 通常テキスト AA ≥ 4.5 / AAA ≥ 7.0、大きい文字 AA ≥ 3.0 / AAA ≥ 4.5、UI コンポーネントは ≥ 3.0。日本語の場合は 22pt 以上 (約 16.5px) または 18pt 太字以上 (約 13.5px) を「大きい文字」として扱う運用が一般的です。