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

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

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

impression05-icatch

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

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

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

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

impression04

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

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