- LPの配色が印象と成果に与える影響
- 失敗しない配色の基本ルール
- 色の選び方3ステップ
LPの配色は、第一印象とブランドイメージを大きく左右します。色は無意識に感情へ働きかけるため、選び方を間違えると、内容が良くても「なんとなく信用できない」印象を与えてしまいます。
この記事では、失敗しないLP配色の基本ルールと選び方を解説します。LPデザイン全体はLP（ランディングページ）とは？もあわせてご覧ください。
▶ 関連記事：伴走支援とは？コンサル・代行との違いと選び方／Web集客とは？中小企業のための方法8選と予算別の始め方
配色の基本｜3色ルール
プロも使う基本が「3色ルール」です。役割の異なる3種類の色を、決まった比率で使います。
| 役割 | 比率の目安 | 使いどころ |
|---|---|---|
| ベースカラー | 70% | 背景など広い面積 |
| メインカラー | 25% | ブランドを表す主役の色 |
| アクセントカラー | 5% | CTAなど目立たせたい箇所 |
この比率を守るだけで、まとまりのある見やすいLPになります。特にアクセントカラーはCTAに使い、行動してほしい場所へ視線を集めます。
色が与える印象を知っておく
- 青：信頼・誠実・清潔（BtoB・医療・士業に多い）
- 赤・オレンジ：情熱・行動・お得感（CTAや限定訴求）
- 緑：安心・健康・自然
- ピンク：やさしさ・女性向け商材
- 黒・ゴールド：高級感・高価格帯
色の印象は商材やターゲットと合わせることが大切。高級商材に安っぽい色を使うと、内容とのギャップで信頼を損ないます。
色を選ぶ3ステップ
ブランドカラーや、商材の印象に合う色をメインに選びます。ロゴやコーポレートカラーがあれば、それに合わせると統一感が出ます。
メインカラーと区別できる目立つ色をアクセントに選びます。CTAボタンに使い、押してほしい場所を明確にします。補色関係の色が効果的です。
背景と文字のコントラストが十分か確認します。おしゃれさより読みやすさが優先。薄い色の文字は避け、誰でも読める配色にしましょう。
- 色は何色まで使っていいですか？
-
基本は3色（ベース・メイン・アクセント）に抑えるのがおすすめです。色数が多いと散らかった印象になり、どこを見るべきか分からなくなります。同系色の濃淡で変化をつけると、色数を増やさず表現できます。
- CTAは必ず赤やオレンジがいいですか？
-
赤やオレンジは行動を促す色とされますが、絶対ではありません。重要なのは「ページ内で最も目立つこと」です。メインカラーとのコントラストで決め、テストで最適化しましょう。
まとめ
配色は、印象と成果を左右する重要な要素です。ポイントを整理します。
- ベース70％・メイン25％・アクセント5％の3色ルールが基本
- 色の印象を商材・ターゲットと合わせる
- CTAは目立つアクセント色に。読みやすさを最優先する
「自社の配色が適切か分からない」という場合は、ブランドと成果の両面から見直すと効果的です。マーケティングサポートでは、デザイン改善を含むLP支援を伴走してご提供します。お気軽にご相談ください。