【失敗しない】初心者向けブログ配色パターン３色の決め方！【カラーコードもご紹介！】

ブログを始めるのですが配色がわからない

おしゃれな配色にしたい

今回はこんなお悩みを解決いたします。

ブログを始める上で、まずどんな色を使ったどんなデザインのブログにするか、、
とデザインの所で色々悩んでしまいがちです。

今回はそんな悩みがちなブログの配色の決め方を、ブログ初心者向けにご紹介します。

ブログの色の決め方に悩んでいるという人は、是非参考にしてみてください。

ブログ配色の決め方

配色の決め方：まずは三色だけ決める

まずはサイト内で使う色を３色だけ決めるのがおすすめです。

というのも、初心者がいきなり3色以上の色を使うと、色のバランスが悪くごちゃごちゃしたイメージのサイトになってしまう可能性が高いためです。

そのため、まずは3色

上記の3色を決めていきます。

ベースカラーについては、白い背景（#FFFFFF）。もしくは、うす灰色背景（#F9F9F9）に記事色白（#FFFFFF）という設定がおすすめです。

配色の決め方：色の印象を考える

では実際に色を決めていきましょう。

まず、考えていただきたいのは、『どんなブログ』にしたいのか、そのブログの方向性に合った色がおすすめです。

色には、それぞれ『連想させる印象』というものがあります。
例えばそれぞれ

といった感じです。

・ご自身のブログテーマに沿った色はどんな色なのか
・どんな方に向けたのブログなのか

という事を考えて、配色を決めるのも一つです。

もちろん、自分の好きな色という理由で選んでもOKですよ

一例ですが、ブログのジャンルと連想させる色をご紹介すると

といった感じです。

ちなみに当ブログは、『初心者向け』『IT』『清潔感』というイメージを持ってほしかったので
『白』をベースに『青緑』をメインカラー、『オレンジ』をアクセントカラーにしています。

配色の決め方：他のブログを参考にする

配色に正解はありませんが、「一般的に良いとされる配色」にするには、

様々なブログを見て自分が良いと思ったブログ配色を『真似してみる』というのが一番の近道です。

ご自身のあこがれのブロガーさんのデザインを参考にしてみたり、

こんなサイトにできたら！と思うサイトをたくさん見てみて、先ほどご紹介した三色を何色にするか決めていきましょう。

『参考にしたいブログがない』という方は、当ブログで過去に参考になるおしゃれなブログをまとめた記事がありますのでよければ併せてご覧ください。

参考にしたいとおもうけど、流石に全部は真似したくない

そんな時は、少しだけ色の濃さを変えてみたり、複数のサイトから一部分づつ色をもらってくるのもおすすめです。

配色の決め方：カラーコードを調べて自分のブログでも同じ色をつかう

こんなブログにしたい！と思えるすてきな配色のブログを見つけました。

でも、この色を自分のブログで再現するにはどうすればいいでしょうか？

参考にしたい色が決まったら、その色を再現できるように『カラーコード』を調べてみましょう！

参考にしたいブログカラーが決まったら、実際にそのブログで使われている色を自分のブログにも使えるように、その色が何色か調べてみましょう。

その為には、そのサイトで使用されている各色の『カラーコード』を調べる必要があります。

カラーコードとは、WEB上で使用されている色を『＃から始まる6桁の英数字』に変換したものです。

このカラーコードさえ分かれば、他のサイト上の使用されている色でも自身のHP上で再現できるようになります。

以下より、カラーコードの調べ方をご紹介いたします。

カラーコードの調べ方

カラーコードの調べ方ですが、Googlechromeの拡張機能『ColorPick Eyedropper』を使うことで簡単に調べる事ができます。

この拡張機能『ColorPick Eyedropper』についてや、導入方法については他所様のブログで分かりやすく解説されていましたので、よければこちらをご参照ください。

【GoogleChrome拡張機能】ColorPick Eyedropperのご紹介

色を配置してみる

『ColorPick Eyedropper』で色をピックアップできましたら、背景・見出し・メニューなどご自身のブログに、自分が気に入った色に変更してみましょう。

事前に、『これにする！』と決めていた色でも、実際に自分のページに反映してみると、『もう少し色味を明るく/暗くしたい』という気持ちが出てくるかもしれません。

是非、色々試してみてください。

もし細部までこだわった配色をするなら

AFFINGERでは、特に細部の箇所まで、好きなの色を設定することができる、他のテーマと比べても圧倒的にカスタマイズ性の高いブログテーマになります。

簡単におしゃれなブログを作りたい！
特に細部までこだわっておしゃれなブログデザインを作成したい！

という方は、簡単にかつ細部までデザインを調整できる『AFFINGER6』がおすすめです。

AFFINGER6を詳しく知りたい方は是非下記からチェックしてみて下さい。

AFFINGER6

まとめ

以上、今回はブログ配色難民の方にむけて、失敗しないブログ配色の決め方をご紹介いたしました。
配色を失敗しない為のポイントをまとめると以下の通りです。

ブログ制作の一助となればうれしいです。

お疲れ様でした。
ではまた！

『稼ぐブログ』をつくるなら『AFFINER6（アフィンガー6）』がおすすめ

ブログライティングで本格的に稼ぎたい方は、「稼ぐに特化した」ブログテーマAFFIBGER6（アフィンガー6）を用いて記事を書くのがおすすめです。

AFFINGER公式

AFFINGER6がおすすめの人

当ブログもAFFIBGER6を導入後、大きくアクセス数が増えました。

ブログテーマはどれがいいのか分からなければ、AFFINGERにしておけばまず間違いありませんので、良ければ是非使ってみてください！