【黄色編】配色別参考サイトまとめ

  • URL Copied!

こんにちは!ひろみです。

今回は黄色を使ったWebサイトの配色組み合わせや、黄色を使ったWebサイトはどのような訴求テーマで作られているのかまとめてみました。

黄色の心理効果は、見る人に前向きな気持ちにさせてくれたり元気を与えてくれる色です。子供向けのサイトや向上心を高めたいときに使われている印象です。

黄色のWebサイトやクリエイティブを制作する際、配色の参考例としてご覧いただけますと幸いです。

目次

【黄色編】Webサイト配色の組み合わせ

ロクシタン

ロクシタンwebサイト画像
ロクシタン配色パレット

ロクシタン公式Webサイトです。

白と黄色の2色で構成されているテーマカラーですが、様々な商品の色が入ることでカラフルな配色デザインとなっています。

オレンジ色に近く温かみのある黄色の配色は、心理効果として好奇心を旺盛にさせ、楽しさを感じることができる配色です。こちらのWebサイトの様々な配色を見ることでワクワクした楽しい気分になりますね!

カロリーメイト

カロリーメイトWebデザイン
カロリーメイト配色パレット

カロリーメイト公式Webサイトです。

こちらのWebサイトの配色は、ブランドカラーの黄色と白の2色の配色で構成されているWebサイトです。

黄色は若々しく感じることができる配色です。そして見ているだけで元気が出たり、前向きな気持ち(意欲的)になることができる色です。

意欲や向上心を高めたいときにぴったりな配色構成ですね。

新潮文庫

新潮文庫webサイト
新潮文庫配色パレット

ピンクの中でも男女共に好まれるマゼンダと黄色の2色の配色で構成されているWebサイトです。

黄色には知的好奇心を高めてくれる心理効果もあることから、読書にぴったりな配色ですね。また、マゼンダをアクセントカラー に用いることで、よりワクワク楽しい気持ちになる配色です。

レモネード普及協会

レモネード普及協会webサイト
レモネード普及協会配色パレット

元気が出るビタミンカラーの黄色とオレンジに加え、心の調和やバランスを整えることができる緑をメインカラー に配色構成されているWebサイトです。

こちらのWebサイトの配色構成を見ているだけで、意識が前向きになり希望が湧いてくる気持ちになりますね。

【まとめ】黄色の配色参考クリエイティブ

今回は黄色を使ったWebサイトの配色組み合わせや、黄色を使ったWebサイトはどのような訴求テーマで作られているのかまとめてみました。

黄色の心理効果は、見る人に前向きな気持ちにさせてくれたり元気を与えてくれる色です。子供向けのサイトや向上心を高めたいとき、黄色を配色構成に取り入れてみてはいかがでしょうか?

黄色のWebサイトやクリエイティブを制作する際、配色の参考例としてご覧いただけますと幸いです。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URL Copied!

この記事を書いた人

目次
閉じる