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

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

印象 色について

【ピンク】POPな、大人な 配色

投稿日:

色のキーワード…大人なピンク配色

こちらの「ピンク」表現では、「同色系統」でまとめます。
ピンクはPOPさもあり、子供から大人まで好まれる色です。
暗いピンクを使うことで高級感を表現できます。アクセントは黒です。
今回の配色の「グラデーション」は、背景と文字に使っています。
グラデーションで雰囲気をつくります。

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

●メインカラー(明るいピンク)
R233 G148 B171/ #e994ab

[連想するイメージ]やさしい、かわいい、 思いやり
かわいい、やさしい色です。とても使いやすい色でもあります。

●サブカラー1(濃いピンク)
R205 G31 B91/ #cd1f5b

[連想するイメージ]やさしい、 落ち着いた
少し暗めのピンクは大人の印象があります。
かわいらしいピンク系ですが、暗めのピンクを配色することで大人の雰囲気になります。

●サブカラー2(中間色のピンク)
R230 G77 B124/ #e94d7c

連想するイメージ]かわいい、落ち着いた、大人な
中間色に近いピンクは、落ち着いた、安心する色合いとなっています。

●アクセントカラー1(茶)
R152 G30 B45 / #981e2d

[連想するイメージ]暗い、落ち着いた、大人な
彩度の高く、渋い印象のある茶色ですが、赤系統なので、ピンクと同系色としてのアクセントにも効果的です。

●アクセントカラー2(黒)
R28 G3 B4 / #1c0304

[連想するイメージ]落ち着いた、高級な、大人な
重厚感や、高級なイメージをもたせる黒は、画面をシャープに表現できます。
今回の配色では、こちらの黒色以外は赤系統の配色なので、効果的です。

●アクセントカラー3(彩度高いピンク)
R229 G29 B124/ #e51d7c

[連想するイメージ]かわいい、鮮やかな
ピンクでも紫を感じる色です。ピンクの幅を持たせる意味でも、こちらの色は効果的です。はっきりとしたピンクです。

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

執筆者:

関連記事

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

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

【中間色】 グラデーションによる淡い色彩配色

色のキーワード…グラデーション、花、カラフル、やさしい、淡い グラデーションをつかった色彩表現です。描写表現をカラフルに表現しました。大まかに、光の当たる側と影側の4色を扱います。テキスタイルな色表現 …

【若い】 清涼な色彩配色

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

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

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

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

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