テキストの読みやすさは、テキスト色と背景色の組み合わせに大きく依存します。最もスタンダードな組み合わせは黒テキストと白背景で、コントラスト比は21:1と最高値を示します。一方、白テキストと黒背景のダークモードも同様に高いコントラスト比を持ちます。
ブランドカラーを使用する場合、コントラスト基準を満たすように色を調整する必要があります。青系のテキストは白背景に対して比較的コントラストが高くなりやすいですが、黄色やオレンジ系は白背景上で読みにくくなる傾向があります。当ツールでブランドカラーの組み合わせを事前にテストしておくことをおすすめします。
アクセントカラーをリンクテキストに使用する場合も、周囲のテキストや背景との十分なコントラストを確保する必要があります。色覚多様性のあるユーザーのために、色だけに頼らない情報伝達(下線やアイコンの併用)も効果的です。デザインのコツページで、より詳しい配色テクニックを紹介しています。