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

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

印象 模様

【グリーン】迷彩配色

投稿日:

色のキーワード…迷彩、遊び心を感じさせる、明るい、若い

「遊び心を感じさせたい迷彩」表現では、彩度は高いものを選びます。緑系統で配色しましたが、さらに、彩度の高いオレンジと、ブルーを差し込むことで、遊び心を感じさせます。
明るい色と反対に、暗いダークグリーンを入れることで、画面にシャープな印象を与えます。全体として見た時に、子供や若い人にも合いそうな印象を与えます。

迷彩用カラーパターンの一例(RGB/HTMLカラーコード)

●メインカラー(明るい緑)
R148 G200 B169/ #94c8a9

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

●サブカラー1(緑)
R57 G171 B90/ #39ab5a

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

●サブカラー2(中間色な緑)
R50 G153 B104/ #329968

[連想するイメージ]やさしい、落ち着いた
緑の中でも微妙な色味になります。
強くもなく、薄くもないこちらの緑は落ち着いていて、大人な印象を与えます。

●アクセントカラー1(濃い緑)
R0 G87 B47 / #00572f

[連想するイメージ]暗い
緑の中でも、暗いイメージのある色です。明るい色と反対にシャープさやカッコよさを感じさせる色にも扱えます。
黒に近い緑なので、同系色とも相性の良い色です。
落ち着いた印象も与えます。

●アクセントカラー2(中間色な青)
R214 G28 B53 / #d61c35

[連想するイメージ]落ち着いた、爽やかな
空や水の色を表現できる青は、爽やかで、清涼感があります。こちらの青は彩度は高めで明るくもない色ですが、今回の配色の中では、緑系統と近い彩度や暗さがあるので、馴染みやすく、自然に一色増やすことで遊び心をねらいました。

●アクセントカラー3(オレンジ)
R246 G170 B0/ #f6aa00

[連想するイメージ]明るい、活動的な
前向きであり、活発な表現をできる、あざやかな赤みの黄色。
緑系統の配色と反対に、目立つ色になります。こちらの色を少しつかうことで、遊び心をねらった配色を考えました。

-印象, 模様
-, , ,

執筆者:

関連記事

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

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

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

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

【暗色】 白の映える 配色

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

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

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

impression05-icatch

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

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