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

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

印象

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

投稿日:2019年9月2日 更新日:

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

色のキーワード…高級、厳か、貴重、豪華、プレミアム、金

高級感は、黒や金や銀の他に、赤や紺などいろいろな色で表現できますが、色数を極力少なくして、シンプルにすることが大切です。
光沢をイメージできるグラデーションを使うのも効果的です。

このパターンでは、高級なイメージで一番多く使われる、黒を基調に金色が入ったパターンを選びました。

高級感のあるイメージ用カラーパターンの一例(RGB/HTMLカラーコード)

●メインカラー(黒)
R0 G0 B0 / #000000

[連想するイメージ]フォーマル、シック、厳粛、高級、モダン、堅い
重たい、暗いイメージのある黒ですが、シャープさと重厚感も感じる色なので、広い面積で使用すると、高級なイメージを与える色です。
フォーマルなシーンでも使われる色で、洗練された厳粛なイメージを与えます。
テキストの色としても一番読みやすく、どのシーンにも合う色です。
他のどの色からも影響をうけないことから、自信を感じさせる色でもあります。

●サブカラー1(金)
R192 G153 B51 / #C09933

[連想するイメージ] 高級、お金、金塊、光、輝き、明るい、希望
高価な「金」そのものの色は、 まさに高級感を感じる色です。高価なアクセサリーをイメージする人も多いでしょう。
輝くイメージから、希望を感じる色でもあります。
ただ、あまり多く使いすぎると、品のないイメージを与えてしまうので気を付けましょう。

●サブカラー2(薄いベージュ)
R230 G216 B179 / #E6D8B3

[連想するイメージ] ナチュラル、温かい、おだやか、安心、やさしい
金色を薄くして、金色の冷たさを和らげたベージュを入れることで、上品なイメージを与えます。
肌色のイメージに近いベージュは、温かみやおだやかさを感じて安心する色でもあります。

●アクセントカラー(赤)
R170 G0 B0 / #AA0000

[連想するイメージ]情熱的、活動的、意欲的、明るい、暖かい、熱い
人間の血の色でもある赤は、活動的、情熱的な気持ちを高め、購買意欲を掻き立てる色でもあります。彩度が高くよく目を引く色なので、注目させたい部分で使われることが多い色です。
黒と金だけでは、冷たい印象にもなり兼ねないところをに、少し赤が入ることで注目度も増し、購買意欲を掻き立てられると思います。

-印象
-, , , , ,

執筆者:

関連記事

【若い】 清涼な色彩配色

色のキーワード…清涼な、若い、爽やかな、透明 白を基調とした配色では、とても目立つ配色になります。こちらのRGB指定色の不透明度を下げて、重ねて表現することでとても爽やかな印象になります。 暗色カラー …

impression04

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

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

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

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

【ピンク】女性らしさを表現する配色

色のキーワード…女性、かわいい、やわらかい、優しい、明るい、エレガント ピンク系やベージュなどの明るい色合いで、女性のかわいらしさや柔らかさを表現します。 さらに紫をアクセントにすることで、エレガント …

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

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