コントラストチェッカー

文字色と背景色の組み合わせがWCAGのAA/AAA基準を満たすか確認します。

文字色

背景色

#336699、#369、rgb(51,102,153)、hsl(210,50%,40%) が使えます

すべてこのブラウザ内で計算します。

WCAG 2.xの輝度計算です。色のコントラストのみを判定し、可読性・書体・その他のアクセシビリティ要素は評価しません。

使い方

WCAG 2.xの輝度計算を使い、16進数・rgb()・hsl()の色に対応します。大きい文字の基準はおおむね18pt（24px）以上または太字14pt以上が対象です。色のコントラストのみを評価し、可読性・書体・その他のアクセシビリティ要件は対象外です。