本文へスキップ
サーバー送信なし · ブラウザ内で処理

コントラスト確認

2つの色のコントラスト比をWCAG AA・AAAの基準値と比較します。

お気に入りにするとホームですぐに探せます

How to use it

1Step 1Open the page and it calculates instantly
2Step 2Change a value and it recalculates live
3Step 3Copy the result wherever you need it

If the result looks off

Nothing changed

Reload the page to recalculate.

I want to save the result

Use the copy button to take the result with you.

よくある質問

What is the difference between AA and AAA?

AA needs 4.5:1 for body text and AAA needs 7:1. Public-sector work usually requires AA or better.

関連ツール

すべて見る →