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

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

テキスタイル 印象 未分類

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

投稿日:

色のキーワード…グラデーション、花、カラフル、やさしい、淡い

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

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

●メインカラー(茶色)
R166 G149 B149/ #a69595

[連想するイメージ]落ち着いた、やさしい、渋い
グレーに近い茶色です。高級感や落ち着いた印象を与えます。今回は背景に扱います。

●サブカラー1(ピンク色)
R255 G148 B148/ #ff9494

[連想するイメージ] かわいい、やさしい
色自体はピンクですが、他の配色とみると赤色にみえます。カラフルで優しい印象を作ります。描写では「影色」としています。

●サブカラー2(青色)
R175 G169 B229/ #afa9e5

[連想するイメージ]冷静な、落ち着いた
紫に近い青です。落ち着いた、優しい印象です。
他の配色とみると青色を感じさせます。
描写では、「反射光」としています。

●サブカラー3 (緑色)
R151 G194 B162 / #97c2a2

[連想するイメージ] 自然、植物、落ち着いた。
渋いイメージの茶色です。落ち着いた配色にもぴったりなので、おだやかで優しい印象になります。

●アクセントカラー1(鈍い黄色)
R224 G199 B120 / #e0c778

[連想するイメージ] 渋い、明るい
落ち着いた黄色です。
描写で光側の黄色とセットで扱います。
光側の中間色や影色とします。

●アクセントカラー2(黄色)
R230 G237 B179/ #e6edb3

[連想するイメージ]温かい、明るい、前向きな
明るい落ち着いた色です。やさしい印象も与えます。
今回の描写では「光の当たる」部分で扱います。

-テキスタイル, 印象, 未分類
-, , , , ,

執筆者:

関連記事

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

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

【青】企業やビジネスを表現する配色

色のキーワード…企業、ビジネス、信頼、冷静、知的、意欲、自信 企業やビジネスを表現する場合は、信頼や冷静なイメージを与える寒色系の色をメインにすると効果的です。コーポレートカラーが暖色系の場合は、会社 …

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

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

【黒】男性らしさを表現する配色

色のキーワード…男性、かっこいい、強い、堅い、暗い、厳粛 男性が好む色とされる黒や寒色系の色で、力強さやかっこよさを表現します。また比較的、赤も男性に好まれる色のようです。 男性にかっこいいと思っても …

【暗色】 白の映える 配色

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