デザインのための配色見本帳(WEBサイト、ECサイトカラーパターン)

15年以上のデザイナーの仕事を経て、多数のECサイト、WEBサイト、LP作成を手がけた経験から、ECサイトの売上げアップ、転換率(CV率)アップに役立つ「売れる色 (カラーマーケティング)」をベースとしたカラーパターンを紹介しています。

印象 色について

【ブルー】 DM、会社案内 配色

投稿日:

色のキーワード…落ち着いた青配色

落ち着いた印象と爽やかさを与える、青色を中心とした配色です。会社案内、DMなど表紙デザインなど
文字などに使った、グラデーションとしても使えます。

ブルーカラーパターンの一例(RGB/HTMLカラーコード)

●メインカラー(彩度の高い青)
R0 G122 B233/ #007ae9

[連想するイメージ]爽やか、明るい、若い、メンズ
落ち着いた印象のある青色の中でも、こちらの青色は空の色や活発な印象を与えることもできます。

●サブカラー1(暗い青)
R0 G8 B92/ #00085c

[連想するイメージ] 落ち着いた、男性、大人な
暗いブルーは落ち着いた印象があります。
今回の配色では一番黒に近い色でもあるので、「アクセント」としても効果的です。

●サブカラー2(白)
R255 G255 B255/ #ffffff

連想するイメージ]清潔な、明るい、純粋な
誰にでも合う、扱いやすい白。白をメインとした配色でも、他の青と相性は良いです。

●アクセントカラー1(彩度の高い水色)
R69 G198 B255 / #45c6ff

[連想するイメージ]冷たい、爽やかな、清潔な

「水」を連想する青です。健康的な、清潔な印象を与えます。

●アクセントカラー2(淡い紫)
R143 G134 B255 / #8f86ff

[連想するイメージ]落ち着いた、やさしい
淡い色の紫はピンクと青に近く落ち着いた、やさしい印象があります。
色幅を増やすことでも、ピンクと青に近いこちらの色を配色しました。

●アクセントカラー3(彩度高いピンク)
R241 G160 B151/ #f1a097

[連想するイメージ]落ち着いた、やさしい
やさしい印象を与える肌色に近いピンクです。青系と相対して、こちらの色はアクセントとして扱えます。

-印象, 色について
-, , , ,

執筆者:

関連記事

【グリーン】迷彩配色

色のキーワード…迷彩、遊び心を感じさせる、明るい、若い 「遊び心を感じさせたい迷彩」表現では、彩度は高いものを選びます。緑系統で配色しましたが、さらに、彩度の高いオレンジと、ブルーを差し込むことで、遊 …

【ピンク】女性らしさを表現する配色

色のキーワード…女性、かわいい、やわらかい、優しい、明るい、エレガント ピンク系やベージュなどの明るい色合いで、女性のかわいらしさや柔らかさを表現します。 さらに紫をアクセントにすることで、エレガント …

【ベージュ】ナチュラルを表現する配色

色のキーワード…ナチュラル、自然、草原、森、大地、田舎、素朴 「ナチュラル」とは、自然であること。または飾り気や誇張がないという意味です。まさに自然でよく見かける土や植物、空などの色を使うことが多いと …

outdoor

【グリーン】アウトドア配色

色のキーワード…アウトドア、森、山、レジャー アウトドア表現するには、明るく楽しい気分になるような彩度が高いものを選びます。緑系を選ぶことで、森や葉といった自然を連想できる世界観を表現します。明るい色 …

【若い】 清涼な色彩配色

色のキーワード…清涼な、若い、爽やかな、透明 白を基調とした配色では、とても目立つ配色になります。こちらのRGB指定色の不透明度を下げて、重ねて表現することでとても爽やかな印象になります。 暗色カラー …