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

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

印象 色について

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

投稿日:

色のキーワード…落ち着いた青配色

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

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

●メインカラー(彩度の高い青)
R0 G122 B233/ #007ae9

[連想するイメージ]爽やか、明るい、若い、メンズ
落ち着いた印象のある青色の中でも、こちらの青色は空の色や活発な印象を与えることもできます。

●サブカラー1(暗い青)
R0 G8 B92/ #00085c

[連想するイメージ] 落ち着いた、男性、大人な
暗いブルーは落ち着いた印象があります。
今回の配色では一番黒に近い色でもあるので、「アクセント」としても効果的です。

●サブカラー2(白)
R255 G255 B255/ #ffffff

連想するイメージ]清潔な、明るい、純粋な
誰にでも合う、扱いやすい白。白をメインとした配色でも、他の青と相性は良いです。

●アクセントカラー1(彩度の高い水色)
R69 G198 B255 / #45c6ff

[連想するイメージ]冷たい、爽やかな、清潔な

「水」を連想する青です。健康的な、清潔な印象を与えます。

●アクセントカラー2(淡い紫)
R143 G134 B255 / #8f86ff

[連想するイメージ]落ち着いた、やさしい
淡い色の紫はピンクと青に近く落ち着いた、やさしい印象があります。
色幅を増やすことでも、ピンクと青に近いこちらの色を配色しました。

●アクセントカラー3(彩度高いピンク)
R241 G160 B151/ #f1a097

[連想するイメージ]落ち着いた、やさしい
やさしい印象を与える肌色に近いピンクです。青系と相対して、こちらの色はアクセントとして扱えます。

-印象, 色について
-, , , ,

執筆者:

関連記事

impression04

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

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

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

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

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

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

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

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

【暗色】 白の映える 配色

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