明度コントラストと Web アクセシビリティ（WCAG）

文字と背景の明るさの差を明度コントラスト（contrast ratio）といい、1:1（同一）から 21:1（黒と白）までの比率で表します。

Web アクセシビリティ指針（WCAG）は、通常のテキストに最低 4.5:1、大きなテキストに 3:1 のコントラストを推奨しています。コントラストが低いと、弱視のユーザーや明るい屋外では文字が見えづらくなります。

色を選ぶときは、きれいかどうかだけでなく、背景の上で十分に読めるかどうかも確認する必要があります。各カラー詳細ページのコントラストプレビューで、明るい／暗い文字の読みやすさをすぐに確認できます。