色が与える基本印象
- 赤：情熱・緊急・食欲（飲食店◎、医療×）
- 青：信頼・冷静・知性（士業◎、飲食店△）
- 緑：自然・健康・安心（医療◎、エコ系◎）
- 黄：明るさ・元気・注意（子供向け◎、士業×）
- 紫：高級・神秘・女性的（美容◎、男性向け×）
- 黒：高級・洗練・権威（ハイブランド◎、医療×）
- 白：清潔・シンプル・余白（医療◎、全般○）
- ピンク：優しさ・女性・愛（美容◎、士業×）
業種別おすすめ配色
美容室・サロン
ベース：白・グレージュ／アクセント：ピンク・ゴールド
飲食店
ベース：暖色・ブラウン／アクセント：赤・オレンジ
医療・クリニック
ベース：白／アクセント：青・緑（清潔感）
士業（税理士・行政書士）
ベース：白・グレー／アクセント：紺・ゴールド
カフェ
ベース：ベージュ・茶／アクセント：緑・くすみカラー
建設・工務店
ベース：白・グレー／アクセント：青・黄
CTAボタンの色
世界的に検証されてCV率が高い色：
- オレンジ：行動を促す・最強CTA色
- 赤：緊急性・期間限定オファー
- 緑：「進む」イメージ・購入完了系
- 青：信頼・落ち着いた印象
サイト全体のベースカラーと「コントラスト」を作る色がベスト。例：青系ベースサイトならオレンジCTA。
避けるべき配色
- 色を3色以上使う（統一感がなくなる）
- 蛍光色（安っぽい印象）
- 同系色だけ（メリハリなし）
- 低コントラスト（読みにくい・アクセシビリティ問題）
配色決定の3ステップ
- ベース色を決める（70%占める）
- メイン色を決める（25%・ブランドカラー）
- アクセント色を決める（5%・CTA）
まとめ
- 色は感情に直接訴える
- 業種ごとに合う配色がある
- CTAはオレンジ・赤・緑が定番
- 3色以内・70/25/5のバランス