白と灰色に対してニュートラルな色

　前回の「白と黒の両方に対してニュートラルな色」に引き続き、今度は黒色に変わってWebサイトの文字などで使われる灰色の文字#333333と白色に対してほぼ同じ程度のコントラスト比のカラーコードを探してみました。

　何が良いかと言うと、読みやすいかどうかは別として「灰・白・指定色」を「文字色・背景色」のどこに入れても可読性があるので、プログラムのGUIデザインの時など画面を暗転させたら文字が読めなくなったとかが減ったり、CSSのカラー指定を減らしてシンプルにできます。

---

灰色文字・灰色文字に対する背景色

G+B色系#009797

G色系#009e00

B色系#7878ff

R+G+B系#888888

R+G色系#8d8d00

R+B色系#ef00ef

R色系#ff3a3a

---

灰色背景に対する文字色

---

白背景に対する文字色

---

黒色背景に対する文字色

---

　灰色と白色と指定色のコントラスト比は3対1以上あり一般的な可読性に問題はありませんが、前回の黒白の4.5以上に比べ、悪くなっているので目が悪い人などは影響があるかもしれません。

　灰色から白色の中間コントラストの色を拾っているので、前回の黒から白色の時よりも明るめでソフトな色合いで、そのためかコントラスト比が悪くても明るく見やすい感じがします。