コントラストチェッカー

カラーコントラストチェッカー (WCAG)

操作手順
  1. 前景色(テキスト色)と背景色をカラーピッカーまたは HEX 入力欄で指定します。
  2. コントラスト比と WCAG AA/AAA の合格・不合格がリアルタイムで表示されます。
機能・特徴
  • WCAG 2.x の相対輝度計算式による正確なコントラスト比
  • 通常テキスト / 大きいテキストそれぞれの AA・AAA 判定
  • 選択した色の組み合わせによるテキストプレビュー

前景色(テキスト)

背景色

大きいテキストのサンプル (18pt / 14pt bold)

通常テキストのサンプル。このテキストは選択した前景色・背景色で表示されています。

21.00:1

コントラスト比

通常テキスト AA (≥4.5)

合格

通常テキスト AAA (≥7)

合格

大きいテキスト AA (≥3)

合格

大きいテキスト AAA (≥4.5)

合格