このサイトは記事内に広告を含む場合があります。広告や表現について

ブログ仲間の魅力的なトップページ配色とは【カラーコード有り】

お洒落なブログは最高です。

なぜなら、お洒落なブログなら読者も安心して記事を読んでくれるから。自分のモチベーションもあがりますしね。

あなたも、お悩みを検索して見つけたサイトがしっかりとしたデザインならば、「ここの記事ならば信用できるかも」と感じるはずです。それが権威性のひとつ。

なので、やっぱりお洒落なサイトは最高なんです。そのためにも、サイトの配色をこだわりたいですね。

この記事は、お洒落なブログを持つブログ仲間のサイトから、配色のヒントを得ようという趣旨で調べてみました。特に配色の素晴らしいサイトを選びましたので、探す手間が省けますね!

素敵なサイトばかり集めていますので、ぜひ最後まで読んであなたの好きな配色を探してくださいね!

▶︎有名ブロガーのオシャレ配色はこちら

目次

ブログ仲間のオシャレ配色

ブログを始めて1年未満〜2年のブログ仲間達。我々はブロガーとしてはこれからですが、デザインセンスが飛び抜けてる方もちらほら。

今回は、そのようなデザイン、特にカラーセンスをお持ちの方をご紹介していきます。

カラーコードも調べましたので、同じ色番号を使用することで、簡単に色を真似することができます!では、早速みていきましょう。

夜ふかしキリン

夜ふかしキリンの配色
夜ふかしキリン
夜ふかしキリンのトップページ

https://yofukashi-kirin.com/

  • 運営者:ヨフカシ
  • テーマ:THE THOR

ヨフカシさんの配色センスは抜群。とてもふんわりとした印象に仕上がっています。その秘密は彩度を落とすこと。ただ闇雲に彩度を落とすのではなく、他の色とのバランスが大事。ぜひ真似したい!

ライガジェ!

ライガジェ!の配色
ライガジェ!/ Lighting and Gadgets
ライガジェ!のトップページ

https://lightingandgadgets.com/

  • 運営者:ゆーふぃる
  • テーマ:AFFINGER

ゆーふぃるさんはテレビ局で活躍するプロの照明さん。その技術を活かしてライティング(光の方ね)法を発信。トップページもライティングを意識したデザインでとてもお洒落。

にこはぐ

にこはぐの配色
にこはぐ|子育てママの毎日をちょっと楽しくするブログ
にこはぐのトップページ

https://nicohug.com/

  • 運営者:しおりん
  • テーマ:SWELL

しおりんさんの運営する「にこはぐ」。彩度を落としたピンクを主体にすることで大人っぽい感じに仕上げています。

そらえブログ

そらえブログの配色
そらえブログ
そらえブログのトップページ

https://soraeblog.com/

  • 運営者:そらえ
  • テーマ:SWELL

そらえさんの運営する「そらえブログ」は、配色やイラストなどきっちりクールな印象で、ノウハウブログにもってこい。お手本にしたい配色ですね。

アカリノオト

アカリノオトの配色
アカリノオト
アカリノオトのトップページ

https://akipoblog.com/

  • 運営者:あやまる
  • テーマ:SWELL

あやまるさんの運営する「アカリノオト」は、特徴的な青緑とベージュの組み合わせ。少しクラシカルな感じを青緑カラーでフレッシュな印象に仕上げています。

なべはぴ

なべはぴの配色
なべはぴ|幸せな結末の迎え方
なべはぴのトップページ

なべはぴはこちら

  • 運営者:なべはぴ
  • テーマ:SANGO

ドメパの鬼ちゃんこと、なべはぴさんの運営する「なべはぴ」。優しい色合いが特徴で、人の良さが垣間見える。

はろログカメラ

はろログカメラの配色
はろログcamera|カメラ初心者・子供撮影を応援するブログ
はろログカメラのトップページ

https://harolog.com/

  • 運営者:はろ
  • テーマ:SANGO

はろさんのカメラ特化サイト。写真が多いサイトは、はっきりしたテーマカラーを設定していない場合が多いが、明確にイメージカラーを設定している。オレンジは彩度を落とすが、黒は彩度をあげている、これは写真のリアルさと合わせるため。

すけろぐ

すけろぐの配色
すけろぐ|日常を豊かにするブログ
すけろぐのトップページ

https://be-yourself-yusuke.com/

  • 運営者:ゆうすけ
  • テーマ:THE THOR

ゆうすけさんの、自転車に乗って、ラーメンを食べて、ハードオフに行くブログ。ホワイト&ライトグレーのベースに渋めの赤をアクセントにして、キリッとしたイメージに仕上げている。

Moon Style

Moon Styleの配色
Moon Style
Moon Styleトップページ

https://moonmoon.blog/

  • 運営者:むーん
  • テーマ:THE THOR

むーんさんの運営するMoon Styleは大人の女性向けの情報ブログ。彩度を落としつつ、明度も暗めにすることで大人の雰囲気をだしている。

りりまんブログ

りりまんブログの配色
りりまんブログ
りりまんブログのトップページ

https://www.ririmann.online/

  • 運営者:りりまん
  • テーマ:JIN

見るたびに資産総額が増えている、りりまんさんの運営するブログ。配色はネイビーブルー+ホワイト。基本この2色で組み立てている。アクセントとしてオレンジを加える。ホワイトを主体とすることで、重たいネイビーブルーもあっさりと使用できる。

2KYOTEN

2KYOTENの配色
2KYOTEN | 旅・マイル・お得なこと・タイの情報を発信!
2KYOTENのトップページ

https://2kyoten.com/

  • 運営者:じんにい
  • テーマ:SWELL

2カ国に拠点を構える、じんにいさんの旅ブログ。カラーだけでなく、イラストや装飾まで彩度や明度を合わせた色あいで、独特の雰囲気を演出する。色彩バランスに長けたじんにいさんだからこそできることだ。

くうかんしんぷるライフ

くうかんしんぷるライフの配色
くうかんしんぷるライフ
くうかんしんぷるライフのトップページ

https://www.kurasitotonoe.com/

  • 運営者:くうか
  • テーマ:SWELL

くうかさんが運営する、暮らしやミニマリストの情報を発信するサイト。柔らかいトップページはブロガーの間でも有名で、参考にしている人も多い。トップページもどんどん変わっていくので何回も訪れてしまう。

10 to1 travel

10to1 travelの配色
旅するブログ運営|10to1 Blog
10to1 Blogトップページ

https://10to1travel.com/

  • 運営者:AiとJony
  • テーマ:THE THOR

オーストラリアを旅しながらブログ運営する、AiさんとJonyさんの旅サイト。彩度を落としたオレンジとベージュの組み合わせで落ち着いた印象に仕上げています。

マーケットフォギア

マーケットフォギアの配色
マーケットフォギア -Market Phogear- 
マーケットフォギアのトップページ

https://marketphogear.net/

  • 運営者:ふうが
  • テーマ:Cocoon

ふうがさんの運営するガジェットブログ。デザインセンスに長けていて、アイキャッチなどの画像全てにセンスが光る。特に色の使い方が巧みで、統一感を出すのが上手い。アイキャッチなども非常に参考になるので是非サイトをめぐってみて。

うーなログ

うーなログの配色
うーなログ
うーなログのトップページ

https://kurashi-uruou.com/

  • 運営者:うーな
  • テーマ:Cocoon

オーストラリアの北川景子、もとい、うーなさんの運営する、国際恋愛ブログ。柔らかい色使いで、見る人の目を惹きつけます。

キラペット

キラペットの配色
キラペット.com | Pet×Customize
キラペットのトップページ

https://kirapetto.com/

  • 運営者:キラ
  • テーマ:Cocoon

キラさんの運営するペットブログ。落ち着いた配色で大人な雰囲気に仕上げる。彩度を調整して、柔らかくすることで優しい感じが出ていますね。

ぜいたくゆるミニマリスト

ぜいたくゆるミニマリストの配色
ぜいたくゆるミニマリスト
ぜいたくゆるミニマリストのトップページ

https://ponpoco-minimalist.com/

  • 運営者:ponpoco
  • テーマ:Cocoon

ponpocoさんが運営する、ミニマリズム×ファッション×インテリアブログ。モノクロ仕上げのサイトは多くあるが、特筆すべきはアイキャッチまでほとんどモノクロになっている点。たまにアクセントで色が入るが、それが非常に目立つセンス際立つデザイン。是非、サイトを巡ってみてほしい。

ノマディコ

ノマディコの配色
ノマディコ | 女性はフリーランスで仕事しよう!
ノマディコのトップページ

https://nomadiko.com/

  • 運営者:こつもも
  • テーマ:Cocoon

kiyoさん(こつももさん)の運営する、フリーランスに関するブログ。優しい配色が特徴。青とピンクのバランスがとても心地いい。文字もメインカラー、サブカラーにあわせて薄め。是非参考にしたい配色。

おまけ

どんぐり所長
どんぐり所長

私のサイトも紹介しておきますね!

ほんわかカレッジ

ほんわかカレッジの配色
ほんわかカレッジ|こどもでもわかる米国株ETF
ほんわかカレッジのトップページ

https://hw-center.com/

  • 運営者:どんぐり所長
  • テーマ:SWELL

私の運営する、米国株ETF辞書サイト。男の子をイメージしたネイビーブルーと相性が良く温かみのあるオレンジを組み合わせている。

ブログデザインラボ

ブログデザインラボの配色
ブログデザインラボ|Canvaでブログをお洒落に
ブログデザインラボのトップページ

https://blogdesign-lab.com/

  • 運営者:どんぐり所長
  • テーマ:SWELL

私の運営する、デザインサイト。メインカラーは黒、白、赤の3色の組み合わせ。デザインサイトなので、彩度が高めで鮮やかな色使い。アクセントの赤を、見出しなどいたる所で使い、アピールしている。

色を簡単に設定して楽しめるテーマ

デザイン好きならば、ちょくちょく色を変えてみたくなるもの。その時、設定が面倒だとやる気も無くなってしまいますよね。

中には、いっさい色の変更ができないテーマもあるとか。私なら我慢できないでしょうね(汗)

そんな、色を頻繁に変えたいデザイン好きのあなたにおすすめしたいテーマがあります。

それが、「SWELL」。

私は、4サイトでこのテーマを使っていますが、なんせ設定が簡単。お洒落なサイトも、ポチポチ設定するだけで簡単に作れてしまいます。

例えば色を変更するのもこんな感じ。

変更するとすぐ画面に反映されるので、リアルタイムで雰囲気を見ながらデザインすることができます。細かい設定がしたい人にはたまりませんね!

SWELLは、その他の設定も、できるだけ簡素にシンプルにできるように工夫されています。

そんなSWELLだからこそ、わたしも複数ブログ運営ができているんですよね。

\カスタマイザーで簡単設定/

配色に悩んでいるなら真似るところから!

この記事では、ブログ仲間の中から、色彩的なセンスを持つサイトをご紹介してきました。

色というものは、個人個人感じ方が違います。一人が良いと思っても、万人が良いというとは限りません。

それならば、自分の気に入る配色にするべき。でもそれがどんな組み合わせにしたらよいのかわからないなら、まずは他人のサイトを覗きに行ってあなたの気に入る配色を探してみましょう。

その配色を真似るところから、あなたのデザインライフは始まります!ぜひ、あなただけの配色をみつけて、素敵なブログを完成させましょう!

▶︎アルさんのおすすめ配色記事
▶︎有名ブロガーのオシャレ配色はこちら

どんぐり所長のおすすめツール

どこでも、どんなデバイスでも順位チェック

ブログ記事の順位を確認していますか?どんなキーワードが上下しているのか知る事はブロガーでは必須と言えます。

ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「Nobilista」。クラウド型のチェックツールです。

クラウド型とは、ネット上にあるサーバーにデータが保存されている順位チェックツールです。従って、お家のパソコン以外でも情報にアクセスできちゃうんです。これが想像以上に快適で、一度体験すると戻れなくなっちゃう。詳しい記事を書いていますので是非読んでみてください。

Nobilistaの詳しい記事はこちら >

実は私、Nobilistaの公式アンバサダーをさせて頂いています。使いだしたら超気に入ってしまって、気づいたらアンバサダーになっていました。そんな私が、おすすめする「Nobilista」。今なら7日間無料でお試しができます。クレジットカードなどの情報を入れなくても試せるので、ぜひあなたにも試してほしい。

\場所を選ばない快適さを体験して/

Nobilista公式サイト

当サイト推奨 デザインツール

当サイトでは、ブログ初心者でも簡単・無料で美麗なデザインが作成できる、オンライン画像作成フォーム「Canva」を推奨しています。数万点の素材やフォントが用意されていて、選ぶだけで簡単にプロ並みのデザインを作成する事ができます。これから先、会社員の仕事でも使用する事になるかもしれないほど普及が広まっています。覚えるなら早い方がいいですよ!

当サイトのデザインは、SWELLで再現可能

私はSWELLを2年使用してきました。現在4つのサイトでSWELLを使用しています。
SWELLを使用する理由は、簡単・綺麗・速い
実際このトップページも、SWELLの標準機能だけでデザイン。
お洒落なブログを作りたいあなたにピッタリのWordPressテーマです。
私が実際に使用して実感したSWELLの特徴は以下。

  • 完全ブロックエディタ対応
  • 直感で使える操作性
  • 便利な専用ブロックを多数用意
  • お洒落なトップページが簡単に作れる
  • 最速レベルのページスピード
  • 一度購入すれば複数サイトに何度でも使用可能
  • ユーザーの利便性を考える熱意の運営者
  • SWELLを紹介すればアフィリエイト報酬が貰える(購入者のみ参加可)
  • 販売価格 ¥17,600(税込)

唯一の欠点は価格の高さ。しかしそれは、SWELLがハイクオリティだから。
そして、運営者がとびきりの対応をしてくれる必要経費。

私が実際にSWELLを使用して感じた、本音レビューはこちら

SWELLにはアフィリエイトプログラムがあり、紹介すれば利益を得ることもできます。
よく、「アフィリエイトがあるから紹介しているんでしょ。」と言われますがこれは違います。
惚れ込んだWordPressテーマに、たまたまアフィリエイトがあっただけ。
あなたもSWELLを体験すれば、きっと紹介したくなります。

\圧倒的な操作性を体験せよ/

あなたも今日からSWELLER!

トップページへ戻る

お気軽にコメントください

コメントする

このサイトは reCAPTCHA によって保護されており、Google のプライバシーポリシー利用規約が適用されます。

reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

目次