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

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

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

執筆者:

関連記事

outdoor

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

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

【黒】高級感を表現する配色

色のキーワード…高級、厳か、貴重、豪華、プレミアム、金 高級感は、黒や金や銀の他に、赤や紺などいろいろな色で表現できますが、色数を極力少なくして、シンプルにすることが大切です。光沢をイメージできるグラ …

impression04

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

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

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

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

【暗色】 白の映える 配色

色のキーワード…テキスタイル、花、落ち着いた 暗い色でまとめ、白い花を映えさせる配色です。テキスタイルなどに扱えます。アクセントはオレンジか白色です。 暗色カラーパターンの一例(RGB/HTMLカラー …