色のコントラストを確認

文字色と背景色のコントラスト比を計算。WCAG AA・AAA の基準と比較できます。

ローカル処理

使い方と制限

文字色と背景色を HEX・RGB・HSL で入力します。
コントラストを計算し、比率、文字見本、AA・AAA の結果を確認します。

2 つの単色について WCAG 2 の文字コントラスト式を使います。実際のフォントサイズやページ全体のアクセシビリティは判定しません。