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

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

テキスタイル 印象 未分類

【若い】 清涼な色彩配色

投稿日:

色のキーワード…清涼な、若い、爽やかな、透明

白を基調とした配色では、とても目立つ配色になります。こちらのRGB指定色の不透明度を下げて、重ねて表現することでとても爽やかな印象になります。

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

●メインカラー(白色)
R255 G255 B255/ #ffffff

[連想するイメージ]清潔な、爽やか
爽やかで清潔感を感じる白は、どの色にも合う色です。

●サブカラー1(水色)
R87 G255 B245/ #ff9494

[連想するイメージ]清涼、爽やか
水色は清涼感があります。今回アクセントとしてもとても効果的です。

●サブカラー2(茶色)
R199 G178 B153/ #c7b299

[連想するイメージ]落ち着いた、やさしい
少しカラッとした印象があり、水色と配色することで、爽やかさが増します。

●アクセントカラー1 (黒色)
R58 G58 B58 / #3a3a3a

[連想するイメージ] 高級、堅い、モダン
重たい、暗いイメージのある黒ですが、シャープさと重厚感も感じる色 です。小さい面積で使うことで、スッキリした印象を与えます。

●アクセントカラー2(紫)
R73 G0 B255 / #4900ff

[連想するイメージ] 高貴、印象的
紫を差し色としてつかうことで、すこしまとまった印象を与えます。こちらの色も透明度を下げて重ねることでも爽やかになります。

●アクセントカラー2(黄緑)
R139 G255 B95/ #8bff5f

[連想するイメージ]明るい、自然、新鮮な
こちらの色も透明度を下げて重ねることで、より、爽やかな効果を与えます。

-テキスタイル, 印象, 未分類
-, , , ,

執筆者:

関連記事

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

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

impression04

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

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

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

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

outdoor

【グリーン】アウトドア配色

色のキーワード…アウトドア、森、山、レジャー アウトドア表現するには、明るく楽しい気分になるような彩度が高いものを選びます。緑系を選ぶことで、森や葉といった自然を連想できる世界観を表現します。明るい色 …

【暗色】 白の映える 配色

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