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

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

テキスタイル 印象 模様

【暗色】 白の映える 配色

投稿日:

色のキーワード…テキスタイル、花、落ち着いた

暗い色でまとめ、白い花を映えさせる配色です。テキスタイルなどに扱えます。アクセントはオレンジか白色です。

暗色カラーパターンの一例(RGB/HTMLカラーコード)

●メインカラー(ダークブルー)
R31 G36 B69/ #1f2445

[連想するイメージ]落ち着いた、大人
黒に近い紺色は、高級感や落ち着いた印象を与えます。

●サブカラー1(中間色緑)
R110 G153 B112/ #6e9970

[連想するイメージ] 自然、植物、やさしい、落ち着いた
植物の色の緑ですが、中間色にすることでやさしい、安定する色です。

●サブカラー2(中間色青)
R74 G87 B158/ #4a579e

[連想するイメージ]冷静な、落ち着いた、大人、
青は冷静な色です。中間色にすることで、より落ち着いた色になり、大人な印象を与えます。

●サブカラー3 (茶色)
R83 G71 B65 / #534741

[連想するイメージ] 大地、自然、おだやか
渋いイメージの茶色です。落ち着いた配色にもぴったりなので、おだやかで優しい印象になります。

●アクセントカラー1(白)
R255 G255 B255 / #ffffff

[連想するイメージ] 清潔、爽やか
爽やかで清潔感を感じる白は、どの色にも合う色です。
白い花として映えさせる一つの手段としても、まわりを暗色を選びます。

●アクセントカラー2(オレンジ)
R246 G158 B83/ #f69e53

[連想するイメージ]温かい、明るい
明るさや温かみを感じる色は家庭を感じさせる色でもあります。

-テキスタイル, 印象, 模様
-, , , ,

執筆者:

関連記事

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

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

【中間色】 グラデーションによる淡い色彩配色

色のキーワード…グラデーション、花、カラフル、やさしい、淡い グラデーションをつかった色彩表現です。描写表現をカラフルに表現しました。大まかに、光の当たる側と影側の4色を扱います。テキスタイルな色表現 …

【ピンク】 個性的な色彩配色

色のキーワード…個性的な、テキスタイル、ピンク、落ち着いた 白を基調とした、落ち着いた印象です。差し色のピンクは遊び心のある表現です。テキスタイルでの配色にも扱えます。 暗色カラーパターンの一例(RG …

【グリーン】迷彩配色

色のキーワード…迷彩、遊び心を感じさせる、明るい、若い 「遊び心を感じさせたい迷彩」表現では、彩度は高いものを選びます。緑系統で配色しましたが、さらに、彩度の高いオレンジと、ブルーを差し込むことで、遊 …

impression05-icatch

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

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