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

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

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

執筆者:

関連記事

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

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

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

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

outdoor

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

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

impression05-icatch

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

色のキーワード…大人なピンク配色 こちらの「ピンク」表現では、「同色系統」でまとめます。ピンクはPOPさもあり、子供から大人まで好まれる色です。暗いピンクを使うことで高級感を表現できます。アクセントは …

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

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