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

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

-印象, 模様
-, , ,

執筆者:

関連記事

impression05-icatch

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

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

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

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

impression04

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

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

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

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

【ベージュ】ナチュラルを表現する配色

色のキーワード…ナチュラル、自然、草原、森、大地、田舎、素朴 「ナチュラル」とは、自然であること。または飾り気や誇張がないという意味です。まさに自然でよく見かける土や植物、空などの色を使うことが多いと …