ブログの配色にオススメの3色カラーを30パターン紹介♪アイキャッチのイメージ付!

ブログの配色手帖アイキャッチ画像

ブログの配色が大事なのはわかるけど、どんな組み合わせがいいのかな?

ぼたん

色のセンスがないから配色がわからないよ

そんなお悩みを解決するために、ブログの配色にオススメの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

ブログ配色画像1

やわらかいピンクとベージュをあわせた配色です。

使用した色

  • #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ならオシャレなデザインが手に入るので、あとは配色やカスタマイズで自分色のブログがつくれますよ。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次