本文へスキップ
AA

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

前景・背景のWCAGコントラスト比を判定。

The quick brown fox jumps over the lazy dog.

いろはにほへと ちりぬるを わかよたれそ つねならむ

大きな見出しサンプル

14.63:1

コントラスト比(WCAG)

WCAG AA
Normal ✓Large ✓
WCAG AAA
Normal ✓Large ✓

コントラスト比チェッカー(WCAG)について

コントラスト比チェッカーとは、文字色と背景色の輝度差を数値化し、WCAGのAA/AAA基準を満たすか判定するツールです。アクセシブルなUI制作に必須です。 toco.toolsでは前景・背景を指定し、サンプル文とAA/AAA(通常・大きいテキスト)の合否をブラウザ内で確認できます。 比率合格でも色覚多様性やフォントサイズで読みやすさは変わります。実機確認も併用してください。

使い方

  1. 前景色と背景色を入力
  2. コントラスト比とWCAG判定を確認
  3. 必要なら色を調整して再判定

よくある質問(FAQ)

コントラスト比チェッカーとは何ですか?

文字色と背景色の差を測り、WCAG基準の合否を示すツールです。

AAとAAAの違いは?

AAAの方がより厳しいコントラスト要件です。通常テキストと大きいテキストで閾値が異なります。

入力したデータは外部に送信されますか?

いいえ。すべての処理はブラウザ内で完結し、toco.toolsのサーバーへ送信されません。