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

配色の参考になるSANGOを使ったサイト

SANGOを使っているブログ
53個を紹介中


MENくん

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

くま3号

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

MENくん

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


そこでこの記事では

WordPressのテーマでSANGOを使っているサイトをカラー別に紹介していきます。


SANGOとは

出典|SANGOより

作成者 CatNoseさん

SANGOはWordPressテーマの1つです。テーマとはブログのデザインのテンプレートみたいなものです。

数あるWordPressテーマの中でもSANGOは心地よさを追求したWordPressテーマです。直感で操作がわかるマテリアルデザインを使用した美しいテーマで、ぼくみたいなWordPress初心者でも簡単にブログを作成することができました。


公認の子テーマにPORIPUがあります。

出典|PORIPUより

作成者 マサオカさん

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

MENくん

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

 

赤系統のSANGO

ゆるたの。

ゆるたの。

ブログの作成者 さゆたさん

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

こちらのサイトへ飛ぶ


らくらくハッピーライフ

らくらくハッピーライフ

ブログの作成者 葉桜ふみさん

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

こちらのサイトへ飛ぶ


宮澤佳奈税理士事務所

宮澤佳奈税理士事務所

ブログの作成者 宮澤 佳奈さん

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

こちらのサイトへ飛ぶ


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

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

ブログの作成者 せいまるさん

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

こちらのサイトへ飛ぶ


カメラオトメ

ブログの作成者 沙矢佳さん

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

こちらのサイトへ飛ぶ


暮らし365+

ブログの作成者 りんごさん

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

こちらのサイトへ飛ぶ


ママグラフィティ

ブログの作成者 ももふみさん

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

こちらのサイトへ飛ぶ


いんぐりっしゅ!

ブログの作成者 Shinyさん

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

こちらのサイトへ飛ぶ


NURSE WORK LIFE

ブログの作成者 マキさん

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

こちらのサイトへ飛ぶ


ととまway

ブログの作成者 ととまさん

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

こちらのサイトへ飛ぶ


ゆるだぶ

ブログの作成者 ちぇりまろさん

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

こちらのサイトへ飛ぶ


オレンジ系統のSANGO

zumilog

zumilog

ブログの作成者 zumiさん

zumilogさんのブログはヘッダーのイラストがめちゃくちゃオシャレです!イラストとあわせたオレンジ系の配色でサイト全体にとても統一感があります。

こちらのサイトへ飛ぶ


ねこうぇぶろぐ

ねこうぇぶろぐ

明るい黄色とアクセントにピンクを使用した可愛らしい色合いのブログです。ヘッダーにある猫の足あとのイラストがとっても可愛らしくサイトのカラーにマッチしています。

こちらのサイトへ飛ぶ


ブログびより

ブログびより

ブログの作成者 けちーんさん

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

こちらのサイトへ飛ぶ


節約リッチ生活

ブログの作成者 りらさん

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

こちらのサイトへ飛ぶ


すっきり ゴキゲン

ブログの作成者 春野菜さん

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

こちらのサイトへ飛ぶ


おやこそだて

ブログの作成者 やよいさん

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

こちらのサイトへ飛ぶ


361°の砂漠

ブログの作成者 DOLLYさん

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

こちらのサイトへ飛ぶ


緑系統のSANGO

雑食こじかの知識箱

雑食こじかの知識箱PC

ブログの作成者 はるしかさん

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

こちらのサイトへ飛ぶ


家族で子育てを考える

家族で子育てを考える

ブログの作成者 まこさん

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

こちらのサイトへ飛ぶ


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

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

ブログの作成者 くまこさん

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

こちらのサイトへ飛ぶ


なんくるないさ.com

なんくるないさ.com 出典|なんくるないさ.comより

ブログの作成者 ミヤさん

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

こちらのサイトへ飛ぶ


栄養士レポ!

栄養士レポ!

ブログの作成者 さゆたさん

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

こちらのサイトへ飛ぶ


クソメガネんち。

クソメガネんち。

ブログの作成者 まゆさん

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

こちらのサイトへ飛ぶ


不倫deプリン

不倫deプリン

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

こちらのサイトへ飛ぶ


すばこに こもログ

すばこに こもログ

ブログの作成者 モフの木 ことりさん

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

こちらのサイトへ飛ぶ


タニログ

タニログ

ブログの作成者 タニモトさん

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

こちらのサイトへ飛ぶ


Disney Seasons

Disney Seasons

ブログの作成者 ユミさん

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

こちらのサイトへ飛ぶ


夫婦たび

夫婦たび

ブログの作成者 夫婦たび案内人さん

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

こちらのサイトへ飛ぶ


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

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

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

こちらのサイトへ飛ぶ


ジブンジシン

ブログの作成者 くまたくんさん

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

こちらのサイトへ飛ぶ


うれしデザイン

ブログの作成者 うれしデザインさん

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

こちらのサイトへ飛ぶ


チラシノミックス

ブログの作成者 サッチーさん

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

こちらのサイトへ飛ぶ


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

ブログの作成者 瀬戸内ことりさん

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

こちらのサイトへ飛ぶ


まひ☆まり劇場(Mahimari Theater)

ブログの作成者 ほほなっつさん

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

こちらのサイトへ飛ぶ


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

ブログの作成者 かのさん

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

こちらのサイトへ飛ぶ


yoga&simplelife

ブログの作成者 miuさん

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

こちらのサイトへ飛ぶ


マクリン

マクリン

ブログの作成者 マクリンさん

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

こちらのサイトへ飛ぶ


青系統のSANGO

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

ブログの作成者 tamami

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

こちらのサイトへ飛ぶ


サラリーマンの貯金箱

サラリーマンの貯金箱

ブログの作成者 かずたくさん

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

こちらのサイトへ飛ぶ


ノークラウド

ノークラウド

ブログの作成者 ほひょさん

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

こちらのサイトへ飛ぶ


ペットライフ通信

ペットライフ通信

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

こちらのサイトへ飛ぶ


げんきリズム

げんきリズム

ブログの作成者 えいぷりおさん

SANGOらしい青をメインカラーに使ったブログです。アイキャッチに表示されるカテゴリーの部分がグラデーションになっていてオシャレです。

こちらのサイトへ飛ぶ


どいぶろ

どいぶろ

ブログの作成者 土井仲さん

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

こちらのサイトへ飛ぶ


美容室Oops!(ウプス)

美容室Oops!(ウプス)

ブログの作成者 美容室Oops!(ウプス)さん

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

こちらのサイトへ飛ぶ


引き寄せまかせ

ブログの作成者 モッチリングさん

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

こちらのサイトへ飛ぶ


そらめも

ブログの作成者 そらさん

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

こちらのサイトへ飛ぶ


たわを

ブログの作成者 京都たわをさん

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

こちらのサイトへ飛ぶ


なぐろぐ

ブログの作成者 なぐさん

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

こちらのサイトへ飛ぶ


たけのこブログ

ブログの作成者 たけのこさん

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

こちらのサイトへ飛ぶ


アルフォレ。

ブログの作成者 アルさん

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

こちらのサイトへ飛ぶ


マサログ~行雲流水~

ブログの作成者 マサさん

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

こちらのサイトへ飛ぶ

まとめ

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

MENくん

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