背景色と文字色でどの色の組み合わせが見やすいか？Webデザイナもプログラマも迷わなくなる方法 - Toyokumo Tech Blog

北川です。 先日、任意の色の背景がある時、テキストの文字色を黒か白どちらを使うのが適当か？という問題に当たりました。最終的にまあまあ満足のいく結果が得られたので記事にしました。 背景色と文字色の問題 人間が文字色を決めた これは色々な背景色について黒か白の文字色の選択を筆者の主観に基づき決めた画像です。社内でフィードバックを求めたところ「黄緑や水色が見にくい」と不評でした。 このように当人としては見やすいと思っても、他の人から見やすいとは限りません。 またよくある問題として、一律黒文字テキストでスタイリングしていたがボタンの塗りつぶしが濃い色のときに見辛くなってしまった、ということもあると思います。 文字色が黒か白かに限らずそれ以外の任意の文字色でも同様な一般的な問題かと思います。 毎回どうすれば良いか判断するのも手間がかかって仕方がありません。何か良い解決方法はないものでしょうか？ WC