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

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

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

執筆者:

関連記事

【グリーン】迷彩配色

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

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

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

impression04

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

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

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

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

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

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