SPONSORED ADVERTISEMENT
Placeholder (banner)
カラーコントラストチェッカー
背景色と文字色のカラーコード（HEX/RGB）から，コントラスト比を自動算出し，WCAG 2.1 Webアクセシビリティ適合基準（A/AA/AAA）を満たしているか判定します．
読み込み中...
ZeroToolsは，完全ローカル処理で「絶対の安全」をお約束します
当サイトの カラーコントラストチェッカー を含むすべてのツールは，処理を外部サーバーではなく，お客様のブラウザ内（ローカル環境）でのみ実行します．機密データや個人情報，社外秘ファイルがネットワークを通じて外部に送信されることは一切ありません．登録不要で，いつでもオフラインでもご利用いただけます．
よくある質問（FAQ）
A.
標準サイズのテキスト（日本語では約24px未満）の場合，レベルAAを満たすには「4.5:1以上」，レベルAAAを満たすには「7.0:1以上」のコントラスト比が必要です．大きなサイズ（日本語では約24px以上）または太字のテキストの場合は緩和され，AAで「3.0:1以上」，AAAで「4.5:1以上」が必要となります．
A.
はい，背景色を少し明瞭にするか，文字色を濃く（あるいは薄い背景であれば暗く）調整します．当チェッカーはスライダー調整機能を備えており，リアルタイムに色合いを変更してWCAG基準を満たす最適な配色コードを一瞬で見つけ出すことができます．
A.
はい，バナーやボタン，ヘッダー画像内の『文字が画像化されたテキスト（文字画像）』についても，基本的にWCAGのコントラスト比ルールが適用されます．ただし，純粋に装飾目的の画像や，ロゴマーク（商標）内の文字は適用除外となっています．