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

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

季節/イベント

【グレー】冬を表現する配色

投稿日:2019年3月7日 更新日:

色のキーワード…雪、寒い、冷たい、氷、灰色、薄暗い、北国

深い色を彩った自然を雪が覆う冬は、景色の色もはっきりしないグレーか白の世界。陽射しも弱くなり寒い北国が思い浮かびます。
冬の街並み、雪をかぶった木や山の色、荒々しい冬の海の色が冬をイメージする色です。

冬のイメージも、寒さを感じる寒色で表現するか、逆に暖房のある部屋や温かな食べ物などの暖色で表現するか、そのどちらを選択するかで使う色が変わってきます。
今回は、寒さを表現する色を選びました。

冬のイメージ用カラーパターンの一例(RGB/HTMLカラーコード)

●メインカラー(グレー)
R224 G227 B230 / #E0E3E6

[連想するイメージ]曇り、静か、おだやか、冷たい、コンクリート
彩度が低く派手さがない色から、静けさを感じる色です。
曇っている寒い日の街並みのイメージです。

●サブカラー1(緑)
R176 G198 B195 / #B0C6C3

[連想するイメージ]草、木、自然
草原、森林などの自然を感じて、癒される色です。
遠くに見える雪をかぶった樹木の色をグレーがかった緑で表現しました。

● サブカラー2 (ベージュ)
R204 G195 B176 / #CCC3B0

[連想するイメージ]ナチュラル、温かい、おだやか、安心
肌色を白っぽくしたようなベージュは、温かみやおだやかさを感じて安心する色です。
寒い冬に毛布に包まれるようなイメージの色です。

● アクセントカラー1 (茶色)
R170 G119 B102 / #AA7766

[連想するイメージ]木、 落ち葉、ナチュラル
地味な印象の茶色ですが、落ち着いた、渋い大人の色でもあります。
また、懐かしさとおだやかな印象を与えることができます。
落葉した木の枝の色のイメージです。

●アクセントカラー2(青紫)
R102 G102 B153 / #666699

[連想するイメージ]静寂、崇高、すみれ色
紫の中でも赤みの少ない深みのある色で、落ち着いた静けさを感じる色です。
冬の静けさを表現するにはぴったりの色だと思います。

●アクセントカラー3(黒)
R153 G153 B153 / #999999

[連想するイメージ]堅い、高級、モダン
重たい、暗いイメージのある黒ですが、シャープさと重厚感も感じる色なので、広い面積で使用すると、高級なイメージを与える色です。
テキストの色としても一番読みやすく、どのシーンにも合う色です。

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

執筆者:

関連記事

【黄色】父の日を表現する配色

色のキーワード…父の日、男性、楽しい、健康的、元気、さわやか 男性(父親)を表現する色としては、黒や青などの寒色系の色があります。(参照:【黒】男性らしさを表現する配色)しかし感謝を表すときに、気分が …

【赤】夏を表現する配色

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

【オレンジ】秋を表現する配色

色のキーワード…紅葉、落ち葉、ハロウィン、かぼちゃ、柿、栗、さつまいも 夏が終わるとやってくる芸術の秋。自然の色も落ち着いた色に変わっていきます。秋が深まるというのは、自然の色が深い色に変わっていくこ …

【青】夏を表現する配色

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

【水色】梅雨を表現する配色

色のキーワード…梅雨、雨、初夏、紫陽花(あじさい)、湿気 過ごしやすい5月が終わると日本では梅雨の季節。雨が多くてじめじめした日が続く時期ですが、 青、紫、白、ピンクなどの紫陽花の花がおだやかな気分に …