配色の参考に！【カラー別】SANGO（テーマ）を使っているブログ・サイト

SANGOを使っているブログ紹介数 100個

SANGO（テーマ）ってもとのデザインが良すぎて、自分で配色するとなかなかしっくりこないんだよね、、、

そうそう、とくに君みたいな配色のセンスがない人は他のサイトを見て参考にしないとね

なるほど、テーマでSANGOを使っている先輩方がたくさんいるから参考にさせてもらおう！

SANGOとは

出典｜SANGOより

作成者　CatNoseさん

数あるWordPressテーマの中でもSANGOは心地よさを追求したWordPressテーマです。直感で操作がわかるマテリアルデザインを使用した美しいテーマ。

PORIPUとは

出典｜PORIPUより

作成者　マサオカさん

SANGO公認の子テーマです。もうこれはぼくにとっては最高。即買い。 記事に集中したい方、収入を増やしたい方にとっては入れておいて損はありません。

SANGOを使うときはPORIPUもセットですね♪

ジャンプマップ

赤系統のSANGO

ゆるたの。

さゆたさん

ゆるたのさんのブログは優しい赤いを使っています。アイキャッチで出てくるキャラクターがとても可愛くて、サイトのカラーととてもマッチしています。

新しいタブで開く

らくらくハッピーライフ

葉桜ふみさん

らくらくハッピーライフさんのブログはめちゃ可愛いです！ピンク色とロゴのちょこっとした緑色を使って素敵に配色されています。ピンク系のブログをお考えの方は必見です！

新しいタブで開く

宮澤佳奈税理士事務所

宮澤 佳奈さん

ヘッダーアイキャッチ画像がすごくオシャレなサイトです！もう本当におしゃれですね。画像に薄い赤色をプラスしているのでサイトにとっても馴染んでいます。

新しいタブで開く

せいまるのスキンケア薬局

せいまるさん

せいまるのスキンケア薬局さんのヘッダーは赤系のグラデーションになっており、とってもオシャレです。せいまるさんのキャラクターがアイキャッチにたくさん使われています。イケメンです。

新しいタブで開く

カメラオトメ

沙矢佳さん

メインの優しいピンク色とクリーム色の背景がとてもマッチしています。アイキャッチ画像もサイトのカラーに合わせたものが多いです。優しい赤系統のサイトをお考えの方はぜひ参考に！

新しいタブで開く

暮らし365+

りんごさん

暮らし365+さんのブログは薄めのピンク色がとても優しい印象で、ついつい長居してしまう配色です。アイキャッチ画像も統一されているため全体的に一体感があります！タグタイトルに乗っかるりんご＆ぽむさんが可愛すぎます。

新しいタブで開く

ママグラフィティ

ももふみさん

ママグラフィティさんのブログもピンク色とクリーム色の組み合わせです。明度を優しく設定しているため、ブログのコンセプトである「あたたかいブログ」になっています。アイキャッチの文字がまた可愛いです。

新しいタブで開く

いんぐりっしゅ！

Shinyさん

いんぐりっしゅ！さんのブログはやわらかい赤色が印象的です。明るい黄色を背景にしている部分はとてもインパクトがあります。赤系統でビシッと決めたい方はとても参考になります。

新しいタブで開く

NURSE WORK LIFE

マキさん

NURSE WORK LIFEさんのブログはピンク色を使いたい方は必見です。ブログのコンセプトともマッチしているハッピーになれる配色です。

新しいタブで開く

ととまway

ととまさん

ととまwayさんのブログは優しいビンク色のメインと、薄いラベンダー色の背景がとてもマッチしています。記事タイトルに薄い青色のボックスをカスタマイズしているところも参考になります。

新しいタブで開く

ゆるだぶ

ちぇりまろさん

ゆるだぶさんのブログはメインのサーモンピンク色と背景の薄いピンクがとてもマッチしていて、かわいい配色になっています。ゆるだぶさんのメインブログは使用しているテーマは違いますが、こちらの配色も参考になります。

新しいタブで開く

zumilog

zumiさん

zumilogさんのブログはヘッダーのイラストがめちゃくちゃオシャレです！メインカラーの赤はぼくのサブサイトと一緒の色ですね(*^^*)嬉しいです。

新しいタブで開く

おやこそだて

やよいさん

おやこそだてさんのブログは優しい赤色にアイキャッチ画像の雰囲気がめちゃくちゃマッチしています。本当に参考になります。それに、Rinkerすごく使いやすくて最高です。ありがとうございます。

新しいタブで開く

一ノ瀬ほたるは眠らない

一ノ瀬ほたるさん

イラストやボタンなどに使われているピンク色が可愛いですね(*^^*)。薄めの優しい青色もピンクと相性が良いです。

新しいタブで開く

ミカコライフ

ミカコさん

ヘッダーのピンク色がとっても可愛いです。ボタンやグローバルメニューの色に使われている濃い緑ともマッチしています。

新しいタブで開く

Ai MEMO

あいかさん

かわいい＼(^o^)／♪珍しいヘッダーの色と背景色の組み合わせですが、SANGOの雰囲気に合っています。

新しいタブで開く

同情するなら酒をくれ

ヨットさん

背景に白色の模様を使っているので、ヘッダーが少し重い色でも色が喧嘩していません。この背景はおしゃれですね♪

新しいタブで開く

元女医ブログ

rinrinさん

背景がとっても可愛いですね。ヘッダー背景を白色にしているので、ブログ全体もスッキリしています。

新しいタブで開く

ぴょんなことから

maipyonさん

まさにうさぎさんカラーです！キャラクターのうさぎさんのメインカラーのピンクがたくさん使われています。ぴょんぴょん感が素敵です。

新しいタブで開く

create club

popoさん

ヘッダーの優しい赤色がとっても素敵なサイトです。ロゴのイラストとも配色がマッチしています。アイキャッチ画像も統一されていてステキです♪

新しいタブで開く

オレンジ系統のSANGO

節約リッチ生活

りらさん

節約リッチ生活さんのブログはTOPページがカスタマイズされていて、メインの鮮やかな黄みの橙がサイトイメージにぴったりです！おすすめ記事の4つはついつい見てしまいます。

新しいタブで開く

361°の砂漠

DOLLYさん

361°の砂漠さんのブログは、もうメインカラーとアイコン画像の組み合わせが完璧ですね！

新しいタブで開く

ブログびより

けちーんさん

落ち着いたオレンジ色のブログです。運営者のけりーんさんのアイコンもオレンジ色なので、とてもマッチしています。

新しいタブで開く

すっきり ゴキゲン

春野菜さん

すっきり ゴキゲンさんのブログはメインの黄色と背景色のクリーム色の統一感がすごいです！アイキャッチ画像に出てくるキャラクターともブログの雰囲気がマッチしています。

新しいタブで開く

アルパカタログ

アルパカさん

はい、このオレンジ色大好きです。そしてオレンジ色とマットな黄色の組み合わせも大好きです。もう最高ですねこの色の組み合わせは。

新しいタブで開く

モノコトポート

ぱぴぺぺさん

ビッシっとした黄色がいいですね！アイコンの背景色と同じ色なので統一性があります。

新しいタブで開く

ワロリング

元柏まさきさん

濃いオレンジ色と薄い黄色が使われています。ヘッダーアイキャッチに濃い色のオレンジが使われているのは珍しいですが、写真と合わせるとSANGOでもしっくりきます。

新しいタブで開く

はじロボ

大橋 譲さん

シンプルなオレンジ色ですが、見出しやタイトルの文字に差し色で使われている赤色がおしゃれです。全体的にはオレンジ色で統一されているのでスッキリしています。

新しいタブで開く

ゆるくら

さけくらげさん

キャラと同じオレンジ色が全体に使われています。見出しなどもキャラクターと似ている色が使われているので統一感がありますね。

新しいタブで開く

げんきざっくざく

鈴木元貴さん

SANGOのマニュアルページのように画面左に固定のサイドバーが出ています。ヘッダーの濃いオレンジと背景の薄い黄色がマッチしています。

新しいタブで開く

手ぬぐいライフ

エナガサトミさん

ヘッダーにドーーンと黄色が来ていますが、アクセントカラーを落ち着いた灰色になっているため、全体的にスッキリしています。

新しいタブで開く

二世帯住宅同居中の嫁レポ

hamu★さん

ヘッダーのクリーム色と優しい茶色のロゴがステキです♪キャラクターのハムスターの色ともマッチしているので見ていて心地よいサイトです。

新しいタブで開く

Fu/真面目に生きる

ブッキーさん

ヘッダーのオレンジとロゴがマッチしています♪アイキャッチに登場するイラストのキャラもオレンジなので統一感があります。

新しいタブで開く

揚げポテほかほかマイクラサーバー

揚げたてのポテトさん

オレンジ好きにはたまらんない配色ですね！アイキャッチに使われているポップなフォントとマッチしています。

新しいタブで開く

知恵トクライフ

ナナミライさん

ヘッダーとアイキャッチに同じ黄色を使っているため、全体的にとても統一感があります。細かい部分をたくさんカスタマイズしてあるのも必見ですね。

新しいタブで開く

緑系統のSANGO

こじかログ

はるしかさん

緑を使った可愛いブログです。ロゴのこじかさんがとっても可愛らしくサイトカラーにマッチしています。カスタマイズもかなりされているのでとても参考になります！緑と青、紫を使った優しい配色は必見です。

新しいタブで開く

家族で子育てを考える

まこさん

ロゴがとってもオシャレです。記事カードのスタイルもカスタマイズされていてとっても見やすくなっています。細かいとこですが、サイドバーのタイトルを中央寄せにしている部分も好きです。

新しいタブで開く

ママナースのらくらく育児

くまこさん

ママナースのらくらく育児さんのブログはアイキャッチがとっても可愛いです！緑のサイトととてもマッチしています。

新しいタブで開く

なんくるないさ.com

ミヤさん

なんくるないさ.comさんは高さのある緑色のヘッダーが印象的です。見出しも緑色に統一されているのでとっても見やすくなっています。

新しいタブで開く

栄養士レポ！

さゆたさん

栄養士レポ！さんは優しい緑色とクリーム色がとてもマッチしています。アイキャッチ画像も優しいサイトカラーにとてもマッチ。文字色のコントラストを抑えているので優しい緑色の上に乗せてもキレイです。

新しいタブで開く

クソメガネんち。

まゆさん

クソメガネんち。さんのブログは爽やかな緑色です。ブログ名のロゴも優しいフォントなのでマッチしています。このブログタイトルと優しいフォントのギャップがすごいですね。

新しいタブで開く

不倫deプリン

–

不倫deプリンさんのブログはメインカラーの優しい緑と背景色のクリーム色がとてもマッチしています。というか個人的にこの2つの色の組み合わせ本当に好きです。

新しいタブで開く

すばこに こもログ

モフの木 ことりさん

優しい緑色とピンク色がとてもマッチしているブログです。背景色もクリーム色も参考になると思います。緑系で優しいブログをお考えの方は必見です

新しいタブで開く

タニログ

タニモトさん

タニログさんのブログはヘッダーの緑を上手に使っています。背景を白にしているので全体的にすっきりとした印象があります。

新しいタブで開く

Disney Seasons

ユミさん

Disney Seasonsさんのブログは緑とアクセントの黄色がとても参考になる配色です。ぼくはユニベア派ですがダッフィーも好きです（配色関係なしw）

新しいタブで開く

夫婦たび

夫婦たび案内人さん

ヘッダーアイキャッチに写真を大きく使ったサイトです。ヘッダーのロゴがとってもオシャレ。ウィジェットのタイトルは緑系で統一されていてとてもキレイです。

新しいタブで開く

弱虫ペダルふぁんどっとこむ

–

弱虫ペダルふぁんどっとこむさんのカラーは優しい緑色！小野田くんと真波くんのイラストのタッチにマッチしています。御堂筋くんも書いてほしいです。

新しいタブで開く

ジブンジシン

くまたくんさん

ジブンジシンさんのブログは緑系で作成する際は必ず参考にしてほしいです！背景色に薄い緑をつかって統一感がすごい。緑と黄色の組み合わせは最強ですね♪

新しいタブで開く

うれしデザイン

うれしデザインさん

うれしデザインさんはもうプロですね。見とれてしまいます。緑系を作成したい方は必見です。ヘッダーとフッターも優しいグラデーションになっています。

新しいタブで開く

チラシノミックス

サッチーさん

プロです。同じテーマで作成したとは思えないクオリティです。配色をとってもさまざまな色が使われているのに、すごくまとまっています。見ているだけでも幸せになりそうなサイトです。

新しいタブで開く

瀬戸内ことりの鬼校閲手帖

瀬戸内ことりさん

瀬戸内ことりの鬼校閲手帖さんのブログは優しい緑と背景の白でシンプルな配色です。サイドバーのタイトル文字の色を深緑色にしている部分も統一感がありとても参考になります。

新しいタブで開く

手書きのようで、活字のようで、

かのさん

手書きのようで、活字のようで、さんのブログは優しい緑でとても読みやすいサイトです。特にアイキャッチ画像の背景色が統一されているので落ち着きのある配色になっています。

新しいタブで開く

マクリン

マクリンさん

緑系のブログをお考えの方は、必ず参考にしてください。アイキャッチ画像もサイトカラーに合わせているものが多いため、全体的に統一感があります！

新しいタブで開く

げんきリズム

えいぷりおさん

アイキャッチに表示されるカテゴリーの部分がグラデーションになっていてオシャレです。

新しいタブで開く

yoga&simplelife

miuさん

シンプル好き、猫好きのぼくにとってはどストライクのデザインです。「ヨガとシンプルライフ」という本も同じ配色でたまんないです。

新しいタブで開く

まひ☆まり劇場

ほほなっつさん

まひ☆まり劇場さんのブログはチョコミントカラーです！ヘッダー部分のイラストがとてもおしゃれです。背景の色もチョコミントカラーと合っているので、非常に参考になると思います！

新しいタブで開く

UIPOT. tokyo

ういさん

緑色がメインのSANGOサイトの中ではトップレベルにおしゃれです。これだけ全体に緑を使っていても整っているのはすごいです。

新しいタブで開く

まんまるのーと

まるのまどさん

もう、まどさんのイラストが大好き！かわいい(*^^*)。アイキャッチにも同じ色の緑色を使っているので統一感があります。

新しいタブで開く

バビ論

鹿森 巴比さん

マットな緑で落ち着いた雰囲気です。上に戻るボタンがバビさんのアイコンのピンク色になっています。こーゆーの好きです。

新しいタブで開く

主婦まり子の部屋

まりこさん

ヘッダーにかなり大きく緑を使用しています。アイキャッチヘッダー画像も使っているので、トップページの印象は抜群ですね。

新しいタブで開く

ナレーターになれーたー

明後日キララ

全体的に明るい緑色を使っています。メインもアクセントも緑色を使っているので統一感があります。

新しいタブで開く

マッスんのマイクラブログ

マッスんさん

濃いー緑色をヘッダーに使っていますが、背景色を薄い色にしているのでメインカラーがビシッと決まっています。

新しいタブで開く

食事宅配ライフ

内田風子さん

シンプルなヘッダー画像と緑色のグローバルメニューがとてもマッチしています。アクセントカラーのオレンジとメインカラーがほとんどなのでスッキリしています。

新しいタブで開く

ヨコハままログ

こみゅさん

全体に明るい緑が使われています。差し色の濃いピンクも緑とマッチしていていい感じです。

新しいタブで開く

のまのまど

ノビタさん

緑色としてはこの色が個人的に1番好きです。特にSANGOを使ったブログにはこの色がとてもマッチしています。

新しいタブで開く

うにとん

うにうにとんとんさん

すごく上手に色を使っています。緑とクリーム色さらに赤色も使っていますが、全体的にすごくまとまっています。

新しいタブで開く

ネトセツ

ネトセツさん

全体的にスッキリとした印象ですが、メインカラーの緑系を見出しやボタンなどでうまく使っています。たこさんがめちゃかわです(* ‘ᵕ’ )

新しいタブで開く

青系統のSANGO

旅とカメラと日々の雑記帳。

tamamiさん

すっきりした青色のサイトです。アイコンの背景も青色を使用しているので、全体的に統一感があります。アクセントラカーも目立ちやすい色を使っています。配色とは別に写真のウォーターマークがめちゃオシャレです。

新しいタブで開く

サラリーマンの貯金箱

かずたくさん

ロゴのクオリティがとっても高く、メインカラーの青色に合わせているのでめちゃくちゃマッチしています。アイキャッチ画像のキャラクターがとても可愛いです。

新しいタブで開く

ノークラウド

ほひょさん

ノークラウドさんのブログは優しい青色でスッキリとした印象です。アイキャッチ画像も可愛いです。写真も爽やかな物が多いのでブログにマッチしています。

新しいタブで開く

ペットライフ通信

–

ヘッダーアイキャッチ画像のワンちゃんがとてもかわいいサイトです。青色とペットの写真がとてもマッチしています。

新しいタブで開く

どいぶろ

土井仲さん

どいぶろさんのブログは王道の青がメインカラーです。記事も横長のカードタイプにしているため、全体的すっきりしています。

新しいタブで開く

美容室Oops!

美容室Oops!さん

美容室Oops!さんのサイトはロゴの青色とあわせた青系を使っています。美容室のサイトらしくとても爽やかなサイトです。

新しいタブで開く

引き寄せまかせ

モッチリングさん

引き寄せまかせさんのブログはネイビー系をメインカラーに使用しています。アクセントカラーのピンク色もとてもマッチしています。ロゴに使われている緑色を上手に使っています。青系と緑系を組み合わせて使用したい方は必見です！

新しいタブで開く

そらめも

そらさん

可愛らしいブログです！！そらめもさんはヘッダーと背景ともに薄い水色で、青色の文字やタイトルがキレイに見えます！アクセントカラーのピンク色の使い方もとても参考になります。青系をお考えの方は必見です！

新しいタブで開く

たわを

京都たわをさん

たわをさんのブログは優しい水色にアイコンの画像がマッチしています。SANGOのデモサイトのような優しい配色になっています。

新しいタブで開く

なぐろぐ

なぐさん

なぐろぐさんのブログは海の様な青色がメインカラーとして使われています。サイドバーのタイトルに使われている色も青色とマッチしているます。シンプルに青を使ってサイトを作成したい方は参考になります。

新しいタブで開く

たけのこブログ

たけのこさん

たけのこブログさんのブログは青系の中でも落ち着いた色合いになっています。使用しているカラーコードも記事に書いてありますので、参考にしやすいです。

新しいタブで開く

アルフォレ。

アルさん

アルファレ。さんのブログはシアン系のメインカラーで、さらに薄い青色をアクセントカラーに使っており、とても爽やかな配色となっています。ぼくの好きな色です。

新しいタブで開く

マサログ～行雲流水～

マサさん

行雲流水さんのブログは透き通るような青が印象的です。アクセントカラーも青を使用しているので、全体的にすっきりとしたサイトになっています。

新しいタブで開く

サインゼロのひとりごと

サインゼロさん

シンプルな青色のヘッダーに同系色のグラデーションのお知らせヘッダー欄で統一性がでています。タブ切り替え部分も他とは違う配色になっています。

新しいタブで開く

chanmio.me

ちゃんみおさん

ヘッダーをシンプルにしているので、SANGOの雰囲気にめちゃくちゃマッチしています。青系の中では1番好き。

新しいタブで開く

深海のクラゲ

クラゲ社長さん

ブログのタイトル名にマッチした深海っぽいグラデーションがヘッダーに使われています。プロフィール部分が特におしゃれ。

新しいタブで開く

心だけは錆びない

ゆーだかさん

ヘッダーと背景色が同系色の色になっており、全体に統一感があります。青系で背景色がここまで濃いサイトは無いので、参考になります。

新しいタブで開く

どっちかっつーと。

かっつーさん

トップページのデザインが他とはかなり違うので参考になります。背景色を白くしているので、インパクトの大きいアイキャッチがしっかり目立っています。

新しいタブで開く

Reiver Blog

えあんさん

背景画像が可愛い！！重い青色を使っていますが、白色や余白が多いのでスッキリしています。

新しいタブで開く

SHUEW WORK

Shinさん

落ち着いた青色でめちゃくちゃオシャレな色合いです。お知らせ欄のグラデーションもブログの雰囲気にマッチしています。

新しいタブで開く

なかけんの数学ノート

–

アイキャッチの統一性がすごくあります。カラーもすべて青色系になっているのでサイト全体にも統一感が出ています。

新しいタブで開く

リアクション

なついさん

メインカラーは濃いネイビーですが、ヘッダー背景色を白色にしているので、全体的にスッキリしています。

新しいタブで開く

いっぺこっぺ

いっぺこっぺさん

SANGOっぽい青ですが、他のサイトとは違い背景にオリジナルの画像を使っているので、他のサイトとは違う印象になっています。

新しいタブで開く

有限会社森田造園

有限会社森田造園さん

ヘッダーは信頼感のある青色です。同系色が多いのでサイト全体がまとまっています。

新しいタブで開く

ズボラブースト

クマくんさん

背景が可愛い♪たくさんの色を使っていますが、背景が工夫されているのでスッキリしています。

新しいタブで開く

花鳥風月

Ryukaさん

大きなヘッダー画像と同じ青系を全体的に使っているので、統一感があります。

新しいタブで開く

ホネブーメラン.ネット

ガラガラさん

トップページがリストタイプになってとってもシンプルです。青色も差し色程度に使われているのでスッキリしています。

新しいタブで開く

いつまでもアフタースクール

ぶんたさん

全体が白いのでお知らせ欄の青いグラデーションがビシッと決まっています。サイドバーのタイトル背景色がグレーなのが良いですね。

新しいタブで開く

仮想通貨でノマドワーカー

カズトさん

青紫とオレンジはとっても合いますね。記事内で使われているカラーも整っています。

新しいタブで開く

ましろぐ

ましろさん

全体が白いのですーっきりしてます！サイドバーのウィジェットタイトルもすっごく可愛いです。

新しいタブで開く

長崎ところぐ

びわさん

トップページがとてもシンプルです。ボタンや見出しなどに落ち着いた青色が使われています。ヘッダーをシンプルにしているため、スッキリした印象になっています。

新しいタブで開く

Supernurseman.com

びびさん

インディゴ系の色でかっこいいです！ドットコムのアザラシがとっても可愛い。全体の色もまとまっていて統一感があります。

新しいタブで開く

ロボット小町

rarakoさん

青と明るい黄色の組み合わせが素敵ですね。アイキャッチも統一されていて枠線の黄色がいい感じです！

新しいタブで開く

ミタマロ

ミタマロさん

シックなネイビー色をメインカラーで使っているため、落ち着いた雰囲気になっています。ロゴの色とメインカラーをあわせているので、統一感があるサイトです。

新しいタブで開く

まとめ

カラー別に配色の参考になるサイトを紹介しました。

本当に参考になりました！みなさんありがとうございます。

for men

bear face

ぼくのサイトです。

新しいタブで開く