あなたはブログの配色にお悩みではないですか？ちょっと色を変更するだけで、サイトのイメージがガラッと変わってしまいます。
色々試してみても、どんな配色にしたらいいのか分からない…そんなときはすでに成功されている先輩ブロガーのサイトを見に行ってみましょう！もう成功されている方の配色ですから、間違いがないはず！
この記事では、有名ブロガーのトップページの配色を調べてました！しかも、オシャレな配色のサイトばかりを集めました。
カラーコードを添えてありますので、気に入った配色をあなたのブログに設定する事もできます。ぜひ、最後まで読んで、気に入った配色をお持ち帰りください。
▶︎ブログ仲間のトップページ配色の記事はこちら
目次
お洒落なトップページの配色
有名ブロガーのサイトを調べていくと、案外そっけない色合いのサイトが多いことに気がつきました。約半数のサイトはほとんど色味のないサイトでした。
やはり、稼ぐためにはデザインは関係ないのでしょうか。
とはいえ、色はサイトを印象付ける大事なファクター。私は無駄だと思いません。なぜなら、これから紹介する偉大な先人ブロガー達も色で華やかにサイトを飾っているのですから。
ヒトデブログ
ヒトデブログの配色ヒトデブログ
ヒトデブログのトップページhttps://hitodeblog.com/
言わずと知れた、ヒトデさんの運営するブログ初心者向けの始め方ブログ。優しい色あいに思いがちだが、意外に渋めの色合いの組み合わせ。
サルワカ
サルワカの配色サルワカ
サルワカのトップページhttps://saruwakakun.com/
サルワカの配色は、渋めのカラーにオレンジと水色を組み合わせた。どの色も少し彩度を落としてくすんだような色合いにしている。
ぽんひろ.com
ぽんひろ.comの配色ぽんひろ.com
ぽんひろ.comのトップページhttps://ponhiro.com/
デザインカスタマイズで有名なぽんひろさんのサイトは、ビビットな色使いで明るい印象に。オレンジを主体にまとめています。
副業コンパス
副業コンパスの配色副業コンパス
副業コンパスのトップページhttps://tabinvest.net/
クニトミさんが運営する副業コンパス。以前はもう少し暖かい印象のサイトでしたが、少しクールな印象のサイトにリニューアルされました。青系で統一して真面目で爽やかな印象。
マクリン
マクリンの配色マクリン
マクリンのトップページマクリンのページへ
オンラインコミュニティ「マクサンラボ」を運営するマクリンさんのサイト。独特の少し緑の入った青とイエローの組み合わせが特徴的。この色だけで、あぁ、マクリンだなとわかる。
ノマド的節約術
ノマド的節約術の配色ノマド的節約術
ノマド的節約術のトップページhttps://nomad-saving.com/
女性をターゲットにしたサイトでは柔らかい色がよく似合う。優しい緑色に渋いオレンジの組み合わせ。基本彩度を落としくすんだ色にして使うことで柔らかい印象にしている。
ブログ部
ブログ部の配色ブログ部
ブログ部のトップページhttps://makusan.jp/blog/
オンラインコミュニティ「マクサンラボ」を運営するサンツォさんのサイト。彩度を落としたくすんだ色を使うサイトが多い中、ビビットな赤色を使うのが特徴的。
ブログ部は2022年7月に「マクサン」として生まれ変わりました。旧「ブログ部」もとてもお洒落な配色でしたので、そのまま残したいと思います。
manablog
manablogの配色マナブログ
manablogのトップページhttps://manablog.org/
ブログから海外移住まで成功したマナブさんのサイト。テーマは独自テーマ。配色はモノトーン。manablogを参考にしたサイトが多いため、ガジェット系やブログ系、情報系は似たような色合いのサイトが多い。
クロネのブログ講座
クロネのブログ講座の配色クロネのブログ講座
クロネのブログ講座のトップページhttps://kurone43.com/
私のブログの師匠（勝手に思っているだけ）クロネさんのサイト。なんと2022年5月末で閉鎖予定。寂しい。継続決定！色合いは赤と黄色で攻めながらも、くすんだ紺が渋くて落ち着きをもたらしている。
色の設定がしやすいテーマはSWELL
いろんな色を試してみたい。そんな要望に簡単に答えるwordpressテーマが「SWELL」。
カスタマイザーを見ながら、リアルタイムで色を試していくことができます。
SWELLのカスタマイザーメニュー例えばヘッダーなら下の写真のように、色を変えたらすぐ画面で確認できちゃいます。
もう、SWELLなしではブログ運営していけなくなりました（汗)
＼カスタマイザーで簡単設定／
ブログ配色に関するQ&A
- 他人のサイトの配色を真似して怒られませんか？
大丈夫です。記事の内容やタイトルをそのまま真似することはしてはいけませんが、配色を参考にするのは問題ありません。
- 色をたくさん使えば目立っていいですよね？
色は絞りましょう。メインカラーとベースカラー、アクセントカラーの3色に加えて白・黒・グレーまでに抑えるのがよいです。
- 気に入った色がみつかったけど、色番号の取り方がわかりません。
Google chromeの拡張機能で「Colorpick Eyedropper」という便利なアドオンがあります。こちらを使えば、あなたの画面に表示されている色番号を取得することができるようになります。
有名ブロガーのトップページは素敵だった
「ブログで稼ぐのにデザインは関係ない」。そんなことはありませんでしたね！やはり、伸びている先人たちのサイトはお洒落でした。
そんな、有名ブロガーたちの配色を真似してみれば、あなたのサイトも爆伸びしちゃうかも!?ぜひ、この配色を参考に、あなただけの配色をみつけてくださいね。
▶︎ブログ仲間のトップページ配色の記事はこちら
推奨デザインツール
当サイトでは、無料でもオシャレなデザインが簡単に作成できる、「 Canva 」を推奨しています。無料でも相当なレベルのデザインができるのですが、一度PROにすると無料には戻れなくなってしまいました。その秘密は、下記の記事に。
あわせて読みたい
【CanvaPRO】有料プランと無料プランを徹底比較！
Canvaをお使いのあなた。写真やイラスト素材を選ぶときに、ほとんどが有料のマークが付いていてイライラ…こんな経験していませんか？ 有料のCanva Proにすれば、このイ… Canvaを詳しく知る ➤
おすすめWordpressテーマ
私は、導入するだけで一気にお洒落になるWordpressテーマ「SWELL」をおすすめします。デザイン性はもちろん、その操作性は特筆ものです。
SWELLを愛用する私が実際に使用してきた内容を加えた、詳しい記事を書いています。ぜひご参照ください。
あわせて読みたい
大人気テーマ【SWELL】愛用者がその実力を本音レビュー
お洒落なブログを作りたい─あなたはそうお考えではないですか？ お洒落にするにはデザインセンスが必須。確かにそういうところもあります。なら、デザインのセンスがな… SWELLを詳しく知る ➤
お気軽にコメントください