どうも7noteです。背景色につかえそうな色をまとめてみました。

多くのwebサイトが白背景の黒文字になっていますが、webサイトにこだわりを出している会社なんかは実は白以外の背景色を使っていたりもします。
そんなおしゃれなサイトを作るための参考として、ホームページで背景色として使えそうな組み合わせをいくつかまとめてみました。
これだけに限らず、色には様々ないろがあるのでこだわりの一色をさがしてみてください。

「文字:黒」で映える背景色

・白

・ベージュ(赤)

・和紙風

「文字:白」で映える背景色

・黒〜グレー

・青

・茶色

※あまり濃い色が多く見えてしまうとサイトがキツイ印象なってしまうので注意！

まとめ

文字も真っ黒の#000ではなく#333くらいにする方が少し柔らかい印象になりますし、
白文字も真っ白でない方が綺麗に見える場合もあります。

ただ、オシャレな色を選ぶ際は視認性もしっかり意識して選ばなければなりません。

以下のサイトでコントラストチェックをして視認性が良いか判断することができます。

ブログなんかは特に文字も多く読むテキストばかりなので、視認性はとても重要になってきます。

参考：
https://lab.syncer.jp/Tool/Color-Contrast-Checker/
http://degitekunote.com/blog/2015/06/29/background-color/
https://www.heyblend.com/
http://talking-ultrasuede.jp/

おそまつ！

~ Qiitaで毎日投稿中!! ~
【初心者向け】WEB制作のちょいテク詰め合わせ