Toolzy

カラーコントラストチェッカー

2 つの色の間の WCAG コントラスト比を確認します。

見出しのサンプルテキスト

これはコントラストプレビュー用の小さめの本文テキストです。

コントラスト比

17.40:1

AA — 通常テキスト合格
AA — 大きいテキスト合格
AAA — 通常テキスト合格
AAA — 大きいテキスト合格

前景色と背景色を WCAG AA および AAA のアクセシビリティ基準と照らし合わせてテストします。

使い方

  1. 文字色と背景色を選ぶか入力します。
  2. コントラスト比を確認します。
  3. どの WCAG レベルに合格するかを確認します。

よくある質問

どのくらいの比率が必要ですか?
通常テキスト(AA)で 4.5:1 以上、AAA で 7:1 以上が必要です。
大きいテキストとは何ですか?
18pt の通常、または 14pt の太字以上です。

関連ツール