開発者向けすぐに利用できます

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

文字色と背景色の組み合わせがWCAG AA・AAAのコントラスト基準を満たすか確認し、読みやすさを改善できます。

ツール操作エリア

アカウント不要

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

Text colorBackground color

The quick brown fox jumps over the lazy dog

Contrast ratio

14.68:1

AA normal text (4.5:1)Pass

AA large text (3:1)Pass

AAA normal text (7:1)Pass

AAA large text (4.5:1)Pass

WCAGカラーコントラストチェッカーとは

文字色と背景色の組み合わせがWCAG AA・AAAのコントラスト基準を満たすか確認し、読みやすさを改善できます。

使い方

文字色と背景色の組み合わせがWCAG AA・AAAのコントラスト基準を満たすか確認し、読みやすさを改善できます。

よくある用途

文字色と背景色の組み合わせがWCAG AA・AAAのコントラスト基準を満たすか確認し、読みやすさを改善できます。

利用上の注意

文字色と背景色の組み合わせがWCAG AA・AAAのコントラスト基準を満たすか確認し、読みやすさを改善できます。

よくある質問

WCAGカラーコントラストチェッカーとは: 文字色と背景色の組み合わせがWCAG AA・AAAのコントラスト基準を満たすか確認し、読みやすさを改善できます。