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

9分

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

SHARE

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

100個

MENくん

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

くま３号

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

MENくん

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

SANGOとは

出典｜SANGOより

作成者 CatNoseさん

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

PORIPUとは

出典｜PORIPUより

作成者 マサオカさん

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

MENくん

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さん

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

ミタマロ

ミタマロさん

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

まとめ

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

MENくん

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

for men

bear face

ぼくのサイトです。

前の記事

スマホのナビドロワーに背景をつける
【SANGOを自分でカスタマイズ】ナビドロワーに背景をプラスす…

次の記事

【SANGOを自分でカスタマイズ】メリハリのある表にカスタマイ…
メリハリのある表にカスタマイズ