WCAGカラーコントラストチェッカー — AA/AAA判定
文字色と背景色のHEXを入力するだけでWCAG 2.1のコントラスト比とAA/AAA適合を即判定
文字色と背景色のHEXコードを入力すると、WCAG 2.1の相対輝度計算式に基づくコントラスト比を算出し、AA/AAA基準を満たしているか診断します。
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
使い方
- 文字色(前景色)と背景色のHEXコードを選びます。
- コントラスト比とWCAG AA/AAA適合結果を確認します。
よくある質問
- WCAG AA基準は何対何ですか?
- 通常テキストは4.5:1以上、大きな文字(18pt以上)は3.0:1以上でAA基準を満たします。
- AAAとAAは何が違いますか?
- AAAはより厳しい基準で、通常テキストは7:1以上、大きな文字は4.5:1以上が必要です。主に官公庁や金融系サイトで推奨されます。
- ロゴや装飾用画像もこの基準を守る必要がありますか?
- いいえ。WCAGのコントラスト基準は本文テキストとUIコンポーネントが対象で、ロゴや純粋な装飾要素、無効化されたテキストは対象外です。