logoColorTinder

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

カラーの組み合わせがWCGAアクセシビリティガイドラインを満たしているか確認します。AAおよびAAAの即時確認。

前景色

背景色

見出しサンプル

The quick brown fox jumps over the lazy dog

コントラスト比

21.00:1

WCAG AA

通常テキスト合格
大きいテキスト (18pt以上)合格

WCAG AAA

通常テキスト合格
大きいテキスト (18pt以上)合格

よくある質問

WCAGコントラスト比とは?

WCAGコントラスト比は、前景色と背景色の知覚される明るさの差を測定します。比率が高いほど、特に視覚障害のある方にとってテキストが読みやすくなります。

WCAG AAに必要なコントラスト比は?

WCAG AAでは、通常テキストに最低4.5:1、大きいテキスト(18pt通常または14pt太字)に3:1が必要です。WCAG AAAはより厳格で、通常テキストに7:1、大きいテキストに4.5:1が必要です。

大きいテキストの定義は?

大きいテキストは、通常の太さで少なくとも18pt(24px)、または太字で少なくとも14pt(約18.67px)のテキストと定義されています。