コントラスト比チェック

文字色と背景色のコントラスト比を計算し、WCAG 2.xのAA・AAA基準を確認します。

入力

文字色背景色（不透明色のみ）

背景色には透明度を指定できません。半透明の文字色は背景色へ合成して計算します。

読みやすさの見本 Aa

—

WCAG 2.xの相対輝度式でコントラスト比を計算し、通常文字と大きな文字のAA・AAA基準を表示します。黒と白は21:1です。

適合表示は文字のコントラスト基準だけです。フォントの太さ、実際の文字サイズ、操作部品など他のアクセシビリティ要件も別途確認してください。

AAとAAAの違いは？

AAAの方が高いコントラストを求める厳しい基準です。

大きな文字とは？

WCAGの定義は文字サイズと太さで決まります。表示中の見本サイズを自動判定するものではありません。

透明色は使えますか？

文字色のalphaは背景色へ合成して計算します。