コントラスト確認

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

コントラストチェッカーを使用して、文字色と背景色を一般的な WCAG の可読性基準と比較します。2 色を入力して比率を確認し、読みやすい結果になるまで値をコピーまたは調整してください。

WCAG コントラスト

小さいテキストでは一般に、AA で 4.5:1、AAA で 7:1 の比率が必要です。大きいテキストや UI 要素の基準は低くなりますが、コントラストが高いほど読みやすくなります。