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

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

印象 季節/イベント

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

投稿日:

色のキーワード…アウトドア、森、山、レジャー

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

明るい色と反対に、影色で黒などの無彩色だけでなく、緑と相性の良い山吹色もふさわしい色です。

アウトドア用カラーパターンの一例(RGB/HTMLカラーコード)

●メインカラー(明るい緑)
R144 G203 B160/ #90cba0

[連想するイメージ]爽やか、自然、明るい、やさしい
さわやかでやさしいイメージを表現できる色です。
やさしい緑色は見る人にも受け入れやすく、目にも優しく、落ち着いたイメージを与えます。

●サブカラー1(緑)
R64 G174 B53/ #40ae35

[連想するイメージ] 葉、自然、爽やか
自然を感じ健康的な色です。
彩度も高いこの色は、光を感じさせてくれる自然を表現できる色です。

●サブカラー2(濃い緑)
R15 G125 B59/ #0f7d3b

[連想するイメージ]森、アウトドア、健康、大人、明るい
森林などの少し濃い緑の集まるところを感じます。
少しだけ暗い緑のイメージは大人っぽく、山などのアウトドアを感じられる色です。

●アクセントカラー1(黒)
R3 G17 B27 / #03111b

[連想するイメージ]堅い、高級、モダン、暗い
重たい、暗いイメージのある色ですが、シャープさやカッコよさを感じさせる色にも扱えます。
文字などは読みやすいことはもちろんですが、少し使うことで、シャープに表現できる色です。
こちらの色は緑と相性の良い、青に近い黒色です。黒も男性を表現する代表的な色です。

●アクセントカラー2(赤)
R214 G28 B53 / #d61c35

[連想するイメージ]情熱的、活動的、明るい、暖かい、熱い
人間の血の色でもある赤は、活動的、情熱的な気持ちを高め、購買意欲を掻き立てる色でもあります。彩度が高く
よく目を引く色なので、注目させたい部分で使われることが多い色です。
遊びの色としても、赤をアクセントにすることで、元気な印象になります。

●アクセントカラー3(山吹色)
R227 G156 B34/ #e39c22

[連想するイメージ]明るい、心地よく暖かい
前向きであり、赤より少し落ち着いた表現をできる、あざやかな赤みの黄色。
赤を補うことでも使いやすい色です。自然を活発に表現することにも緑と相性の良い色です。

-印象, 季節/イベント
-, , , , ,

執筆者:

関連記事

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

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

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

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

【ピンク】春を表現する配色

色のキーワード…桜、新緑、菜の花、筍、若い、卒業、新生活、やわらかい、明るい、パステルカラー 寒い季節が終わって暖かい陽が差し始める春は、物事が新しく動き出す季節。そのイメージには、 赤ではなくピンク …

【暗色】 白の映える 配色

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

【赤】夏を表現する配色

色のキーワード…太陽、光、暑い、花火、お祭り、明るい、ビビットカラー、ラテンカラー おだやかな陽射しの春が終わると、その後のじめじめした梅雨の季節を吹き飛ばす夏の暑さがやってきます。強い日差しに照らさ …