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

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

印象

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

投稿日:

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

色のキーワード…企業、ビジネス、信頼、冷静、知的、意欲、自信

企業やビジネスを表現する場合は、信頼や冷静なイメージを与える寒色系の色をメインにすると効果的です。
コーポレートカラーが暖色系の場合は、会社概要などのページのみ寒色系あるいは黒やグレーを使うと信頼感が高まると思います。

このパターンでは、信頼と知的なイメージの青をメインに、都会的なグレー、清潔感のある水色、アクセントに成長と意欲や自信を感じさせる色を選びました。

企業やビジネスイメージ用カラーパターンの一例(RGB/HTMLカラーコード)

●メインカラー(青)
R0 G63 B113 / #003F71

[連想するイメージ] 冷静、信頼、知的、海、青空
さわやかで済んだ空やきれいな海をイメージすることから、信頼や冷静さを表す色とされて、企業のロゴマークで使われる頻度の高い色です。
いろいろな青がありますが、今回選んだネイビーは知的な印象を与える色です。

●サブカラー1(グレー)
R204 G204 B204 / #CCCCCC

[連想するイメージ]都会的、静か、落ち着き
シルバーに近いグレーは、都会的で洗練された印象を与えます。
他の色を引きたててくれる色でもあります。

●サブカラー2 (水色)
R153 G204 B224 / #99CCE0

[連想するイメージ] 清潔、さわやか、水、空
爽やかな風や川、空を感じる色です。清潔なイメージを感じさせてくれます。
隠しごとのないクリーンさをイメージできます。

●アクセントカラー1 (緑)
R51 G136 B0 / #338800

[連想するイメージ]新鮮、健康的、平和、安全
新鮮さをイメージできることから、企業の成長を感じさせる色です。
草原、森林などの自然を感じて、癒される色で、平和や安全のイメージもあります。

●アクセントカラー2(赤)
R204 G0 B0 / #CC0000

[連想するイメージ]情熱的、活動的、意欲的、明るい、暖かい、熱い
人間の血の色でもある赤は、活動的、情熱的な気持ちを高め、購買意欲を掻き立てる色でもあります。彩度が高くよく目を引く色なので、注目させたい部分で使われることが多い色です。
意欲的に仕事に携わっているイメージを感じる色です。

●アクセントカラー3(黒)
R0 G0 B0 / #000000

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

-印象
-, , , , , , ,

執筆者:

関連記事

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

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

【グリーン】迷彩配色

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

【ブラック】 個性的な色彩配色

色のキーワード…個性的な、テキスタイル、黒、遊び心 黒を基調とした、紫、グレー、ブルーなどのシックな配色です。上品で落ち着いた印象があり、差し色の黄色は遊び心のある表現です。テキスタイルでの配色にも扱 …

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

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

【暗色】 白の映える 配色

色のキーワード…テキスタイル、花、落ち着いた 暗い色でまとめ、白い花を映えさせる配色です。テキスタイルなどに扱えます。アクセントはオレンジか白色です。 暗色カラーパターンの一例(RGB/HTMLカラー …