色のコントラスト検査
文字色と背景色のWCAG 2.2コントラストを、実際の文字プレビューとAA・AAA判定で確認します。 ファイルや入力内容はサーバーに送信・保存されません。
使い方
文字色と背景色のWCAG 2.2コントラストを、実際の文字プレビューとAA・AAA判定で確認します。
対応形式と制限
Values / Images → SVG / PNG
すべての処理はブラウザー内で行われます。形式と端末のメモリーにより処理範囲が制限されます。
通常の文字はAA 4.5:1・AAA 7:1、大きい文字はAA 3:1・AAA 4.5:1が必要です。
色のコントラスト検査 ご利用案内
使用方法
- 文字色・背景色を6桁のHEXで入力します。
- 通常・大きい文字のプレビューを確認し、必要に応じて2色を入れ替えます。
- コントラストと各AA・AAA基準に合格するかを確認します。
使用例
入力・設定
文字#000000 · 背景#ffffff
結果・確認
21:1 · AA・AAA合格
確認事項
- 通常の文字はAA 4.5:1・AAA 7:1、大きい文字はAA 3:1・AAA 4.5:1が必要です。
- 不透明な単色と丸め前のコントラストで判定します。大きい文字は通常24pxまたは太字約18.67px以上です。