色のコントラストチェッカー（WCAG）

文字色が背景色に対して十分なコントラストを持っているかを、アクセシビリティ基準のWCAG AAとAAAでライブプレビュー付きで確認します。

色のコントラストをテスト

文字色

背景色

–

大きなサンプルテキスト

通常のサンプルテキスト：アクセシビリティは、どんな画面でも全員が読みやすくするのに役立ちます。

キャプションやフッターのような小さなテキスト。

利用できる言語:

文字色と背景色を選ぶと、コントラスト比と、通常テキスト、大きなテキスト、アイコンについてWCAGアクセシビリティ基準を満たすかが分かります。プレビューでは、さまざまなサイズでテキストがどう見えるかを確認できます。

16進数の色（#RRGGBBまたは#RGB）に対応しており、色を入れ替えるボタンもあります。

WCAGのAAレベルでは、通常のテキストは4.5:1以上、大きなテキスト（24 px以上、または太字で18.66 px以上）は3:1以上が必要です。AAAレベルでは、それぞれ7:1と4.5:1に上がります。

コントラストの低いテキストは、弱視や色覚特性のある人、屋外でスマートフォンを使う人には読みにくくなります。SEOやアクセシビリティのツールでも、この問題が指摘されます。

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。