デザインのための配色見本帳(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

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

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

執筆者:

関連記事

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

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

【グリーン】迷彩配色

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

【ブラック】 個性的な色彩配色

色のキーワード…個性的な、テキスタイル、黒、遊び心 黒を基調とした、紫、グレー、ブルーなどのシックな配色です。上品で落ち着いた印象があり、差し色の黄色は遊び心のある表現です。テキスタイルでの配色にも扱 …

impression04

【ベージュ系、茶色】大人 配色

色のキーワード…ベージュ、茶色系統で高級感と大人な配色を 「ベージュ、茶色系統」表現では、「同色系統」でまとめます。茶色系統で配色し、濃い茶色や黒で画面をシャープにします。化粧品などや高級感も連想でき …

【若い】 清涼な色彩配色

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