カラーコントラストチェッカー

前景色と背景色を指定して、WCAG 2.1基準のコントラスト比を確認できます。アクセシビリティ対応に役立ちます。

コントラスト比

21.00 : 1

WCAG 2.1 適合レベル

AA 通常テキスト

必要比率: 4.5 : 1

PASS

使い方

文字色と背景色を指定するとWCAGのコントラスト比を計算します。

よくある質問

関連ツール

AA 大きいテキスト

必要比率: 3 : 1

PASS

使い方

文字色と背景色を指定するとWCAGのコントラスト比を計算します。

よくある質問

関連ツール

AAA 通常テキスト

必要比率: 7 : 1

PASS

使い方

文字色と背景色を指定するとWCAGのコントラスト比を計算します。

よくある質問

関連ツール

AAA 大きいテキスト

必要比率: 4.5 : 1

PASS

使い方

文字色と背景色を指定するとWCAGのコントラスト比を計算します。

よくある質問

関連ツール

テキストプレビュー

通常テキスト(16px): このテキストは指定した前景色と背景色で表示されています。アクセシビリティの確認にご利用ください。

大きいテキスト(24px): 見出しやタイトル用のサンプルです。

⚠️

※本ツールの結果はあくまで参考値です。正確性を保証するものではありません。