ブログの配色が大事なのはわかるけど、どんな組み合わせがいいのかな?
色のセンスがないから配色がわからないよ
そんなお悩みを解決するために、ブログの配色にオススメの3色カラーを30パターン用意しました。
この3色の組み合わせを変えることで、また違ったブログのイメージになります。
いろいろブログの配色を楽しんでみてほしいです♪
配色パターンを見る前に、色のイメージからブログの配色を決める方法が知りたい場合はコチラを先に読んでみてくださいね。
ブログ配色パターンの活用法
これからブログ配色パターンを紹介していきます。
基本3色になるのですが、同じ3色でも画像の様に組み合わせかたで2~3パターンにアレンジすることができますよ。
この3色が気に入ったというものがあったら、自分でアレンジしてさらに好みの配色パターンを作ってみてくださいね。
ブログ配色パターン
青系の配色パターン
配色パターン1
ミントブルーをつかったやわらかい色合いの配色です。
使用した色
- #B8D8D5
- #D8C29C
- #FFFFF9
配色パターン2
すっきりとしたブルーをメインにやわらかいブルーをあわせた配色です。
使用した色
- #073472
- #DAB021
- #B9D4E8
配色パターン3
やわらかいブルーとむらさきをあわせた配色です。
使用した色
- #B2D8F5
- #B8B5D4
- #FAFDFE
配色パターン4
グレイッシュなブルーをメインに背景にも色をいれた配色です。
使用した色
- #76A1B6
- #C9BE72
- #E8EBE7
配色パターン5
ネイビーとレッドで大人マリンをイメージした配色です。
使用した色
- #002A5B
- #C81D29
- #EAF6FD
紫系の配色パターン
配色パターン6
グレイッシュなむらさきをメインにしたやわらかい配色です。
使用した色
- #B3B9CF
- #F1E7ED
- #DF9F77
配色パターン7
やわらかいむらさきをメインにしたミルキーな配色です。
使用した色
- #C9C2E0
- #F8CCD1
- #C2E2D2
配色パターン8
濃いめの色合いですがやわらかいイメージの配色です。
使用した色
- #A98FAF
- #AEC8CA
- #9E8677
配色パターン9
しっかりした紫をつかった配色です。
使用した色
- #7F5072
- #DBCBC7
- #ACB0A8
ピンク系の配色パターン
配色パターン10
やわらかいピンクとベージュをあわせた配色です。
使用した色
- #F9EDE4
- #8AC8CF
- #EFEBE0
配色パターン11
かわいらしいピンクをたっぷり使った配色です。
使用した色
- #F9D6E2
- #F7F3EC
- #F4AA9A
配色パターン12
元気になるピンクをメインにイエローとブルーをあわせた配色です。
使用した色
- #F3ADC5
- #FFF2B2
- #A7D9DD
配色パターン13
やわらかいピンクにグリーンをあわせたミルキーな配色です。
使用した色
- #ECBBB5
- #BEE0CC
- #E99BC1
茶系の配色パターン
配色パターン14
やさしいベージュをメインにシンプルで品のある配色です。
使用した色
- #ECE4E1
- #C1A37D
- #EAC5B6
配色パターン15
パキッとした茶色をメインにブルーをあわせた配色です。
使用した色
- #8B644A
- #ABD3D2
- #004F89
配色パターン16
やさしい茶色とグリーンをあわせた配色です。
使用した色
- #AA998A
- #EADFCA
- #9EC3BC
配色パターン17
やわらかいオレンジをメインにちょっとポップなイメージの配色です。
使用した色
- #FACA7B
- #E0F1F4
- #F096A0
配色パターン18
やわらかい茶色をメインにマフラーのようなイメージの配色です。
使用した色
- #997B6C
- #D7BDAC
- #D78576
緑系の配色パターン
配色パターン19
ミルキーグリーンをメインにやわらかいピンクをあわせた配色です。
使用した色
- #8AB0BC
- #F8F5B5
- #E6AFCF
配色パターン20
グレイッシュな色合いのやわらかい配色です。
使用した色
- #BFC9BD
- #EFE5CB
- #C1D1E0
配色パターン21
オリーブをメインにやわらかいベージュをあわせたナチュラルな配色です。
使用した色
- #95A9A2
- #F4E0CC
- #BF9077
配色パターン22
グレイッシュなグリーンにパキッとしたむらさきをアクセントにした配色です。
使用した色
- #ACB0A8
- #DBCBC7
- #7F5072
配色パターン23
あかるいグリーンをメインに元気な色合いの配色です。
使用した色
- #BCD537
- #D9EAEC
- #74A64C
配色パターン24
オリーブをメインにやわらかいブルーやピンクをあわせた配色です。
使用した色
- #958F6F
- #C3DBDA
- #DCAD99
配色パターン25
やさしいグリーンをメインに背景にも色をいれたやわらかい配色です。
使用した色
- #D4DFBB
- #F3EED5
- #E4AF9B
赤系の配色パターン
配色パターン26
やわらかい赤とパキッとしたピンクをあわせた配色です。
使用した色
- #C86265
- #B9337F
- #EED1DE
配色パターン27
濃いめの赤・ベージュ・グリーンをあわせた配色です。
使用した色
- #B15A5E
- #D4B572
- #003740
配色パターン28
ピンクよりの赤をメインにベージュをあわせた配色です。
使用した色
- #D6828E
- #DBD3C6
- #301920
配色パターン29
グレイッシュな赤をメインにやわらかい紫をあわせた配色です。
使用した色
- #D2AFAE
- #CDE0DF
- #A199C7
配色パターン30
朱色をメインにグレイッシュなグリーンをあわせた配色です。
使用した色
- #ACA28E
- #CC533C
- #F9EDE4
まとめ
ブログの配色に悩むあなたに、ブログに使いやすい配色を30パターン用意しました。
同じ3色でも、パターンをアレンジすることでイメージが変わりますよ。
そんな風に配色をたのしんでいただけたら本当にうれしいです。
ブログの配色やデザインが整うとブログを書くのが楽しくなりますよね。
デザインは自分でアレンジするのもいいですが、有料テーマにしてしまうのも一つです。
SWELLならオシャレなデザインが手に入るので、あとは配色やカスタマイズで自分色のブログがつくれますよ。
コメント