カラーコントラストチェッカー｜WCAG判定
背景色と文字色のコントラスト比を計算し、WCAG 2.2の通常文字・大きな文字に対するAA・AAA基準を個別に判定します。
Preview Text
Web Accessibility Contrast Check
Contrast Ratio:
12.63
WCAG 2.2の文字コントラスト基準に基づきます。大きな文字は18pt以上、または14pt以上の太字が目安です。
このツールの使い方・詳細
🛠 使い方
背景色と文字色をカラーピッカーまたは#RRGGBB形式で指定します。コントラスト比と、通常文字AA・AAA、大きな文字AA・AAAの合否が即時更新されます。色の入れ替えと判定結果のコピーも可能です。半透明色や画像背景は判定対象外です。
💡 活用シーン・ユースケース
- Webサイトの文字色がWCAGの最低コントラスト基準を満たすか確認したいとき
- デザインカンプの背景色と文字色を入れ替えて比較したいとき
- アクセシビリティレビュー用に比率とAA・AAA判定を記録したいとき