心理学から見るホームページからお問い合わせしたくなる色
投稿日:2016.09.13.
更新日:2025.04.12.

執筆 TREVOスタッフ株式会社TREVOのブログは、Web制作の現場で日々奮闘しているスタッフが、企画・デザイン・開発・SEO・運用まで幅広いテーマで執筆しています。

「分かりやすく、役に立つ」ことをモットーに、ホームページ制作や運営のヒント、トレンド情報、日々の気づきを発信中です。大阪を拠点に、全国のお客様と向き合いながら培った現場目線のノウハウを、実体験ベースでお届けします。
初めてホームページ制作をご検討の方から、リニューアルや集客強化を考えている方まで、何かヒントになる情報があればうれしいです。
記事へのご質問やご相談も、お気軽にお問い合わせください。
執筆記事:記事一覧ページ

監修 板浪 雅樹2005年から WEB 業界一筋。500サイト超を手がける SEO・WordPress のエキスパート。「公開後こそ本番」を掲げ、データ分析とユーザー視点で成果を引き出す運用を提案。

2005年に制作会社へ入社後、プログラマーからキャリアをスタート。サーバー構築・データベース設計で培った技術を強みに、WordPress テーマ/プラグイン開発やサイト移行の難案件を多数担当してきました。
2010年以降は SEO エンジニアとしても活動領域を拡大。コンテンツ設計・内部リンク最適化・高速化チューニングにより、競合の激しいビッグキーワードで上位獲得を実現してきました。
現在は TREVO のウェブディレクターとして、要件定義から運用改善まで一気通貫でリード。AI ライティングや GA4/Looker Studio を活用したレポーティング手法を開発し、「数字で説明できるサイト運用」をポリシーにクライアントの ROI 最大化を支援しています。
趣味/強み:筋トレとランニングで日々の集中力をキープ。複雑な課題を“仕組み”で解決するのが得意。
モットー:「サイトは資産。改善を止めた瞬間から価値は目減りする」
SNS:x(旧 Twitter)@TREVO_WEB

インターネットが普及したことによって、多くの企業がホームページを持つようになりました。企業としてはホームページを作っている以上、できることならそこから何かしらのアクションをユーザーに起こしてほしいものです。このユーザーのアクションというのはホームページの色によって左右されるということをご存知でしょうか。
色というのは思っている以上に人の心に働きかけますし、それによって行動も変わってくるのです。
ここでは、心理学という視点からホームページからお問い合わせしたくなるような色についてご紹介していきましょう。
「今回の記事は心理カウンセラーをしているライターさんにホームページと色の関係について記事を書いてもらいました。
大学で心理学を専攻し、卒業後もカウンセリング技術を磨き、現在は心理カウンセラーと同時進行でライターとしても活動しています。」
購買色の赤

情熱やエネルギーなどのイメージさせる赤は、実は購買色と呼ばれています。購買色という言葉からもお分かりになりますように、購買意欲をかきたてる色ということになります。
例えば、一般的なお店でのセールを思い浮かべてみましょう。セール期間中というのは、店舗全体がどことなく赤っぽくなっているのにお気づきでしょうか。
店内には赤文字でセールと書かれた張り紙がしてあったり、値札や商品のタグにも赤いシールが使われていたりするものです。チラシなどでも赤が多く使われています。こういったこともあり、「セール=赤い札」といったイメージが完全にできあがってしまっている方も少なくありません。
では、なぜ赤が購買色となるのでしょうか。赤というのは、人の気持ちを高めてくれる色です。簡単に言ってしまえば、テンションが上がるのです。テンションが上がることによって飲食店であれば「食べよう!飲もう!」という気持ちになりますし、アパレルショップであれば「買おう!」という気持ちになるのです。
この赤をホームページに取り入れることによって、ユーザーが「問い合わせをしよう!」という気持ちになる可能性はかなり高いのです。赤の同系色にはオレンジがありますが、オレンジも赤と同じような効果があります。問い合わせのボタンには、赤やオレンジを採用するといいかもしれません。
ターゲットを意識した色

そのホームページは、どのような層をターゲットにしているのでしょうか。ターゲットを意識した色をホームページに採用することによって、ユーザーに「問い合わせしたい!」と思わせることができます。
例えば、女性をターゲットにしている企業のホームページというのはピンクを使っていることが多いものです。一方で、男性をターゲットにしている企業のホームページは黒や青を使っているところが多いものです。
お子さんをターゲットにしていれば黄色、自然志向の方をターゲットにしていれば緑といった具合に、それぞれのターゲットを意識したホームページというのは多いものなのです。また、そういったホームページというのは、やはりホームページを見た方がそこから何らかのアクションを起こす傾向にあります。
というのも、それぞれのターゲットを意識した色を使うことによって「同族意識」や「集団に属したい意識」というものを刺激することができるのです。
例えば、女性のイメージカラーというのはやはり一般的に考えてもピンクでしょう。女性がピンクのホームページを見たときに、「ピンクのホームページだからこそ女性である自分に合っている」と感じるのです。
ホームページがピンクだからこそ同族意識を持ちますし、同族意識を持つからこそ女性である自分もこの集団に属したいと思うものなのです。もともと人というのは自分をラベリングしたいものなのです。「女性だからこそ女性が好みそうな集団に入りたい」というのは当たり前のことですし、女性以外にもこういった傾向が見られるのです。
色の対比も重要

ホームページでは色の対比も重要になってきます。例えば、ホームページでお問い合わせを期待するページがあるとします。
そのページ全体がシルバーで統一されていて、お問い合わせボタンもシルバーであれば、そもそもユーザーはお問い合わせのボタンの存在すら見つけられないかもしれません。つまり、お問い合わせがきちんと目立つようにしなければいけないのです。先でもお話しした赤やオレンジといった色にしてもいいでしょう。
シルバーの中で赤やオレンジというのは目立つでしょうから、確実に存在を認識させることができますし、そこからボタンのクリックまで誘導できる可能性も高まります。
ただ、目立てばいいというわけではありません。お問い合わせのボタンだけが異常に浮いてしまったり、悪目立ちしたりするようであれば、それは逆効果になってしまいます。
要は、ただ目立つだけではなく、他のページとの相性も重要になってくるのです。色の組み合わせには何となく気持ち悪いなと思うものもあれば、逆にポジティブなイメージを与えるようなものもあります。色単体ではなく、その色との相性についても考えてホームページの色の配置というものを決めていきましょう。
大阪のホームページ制作会社TREVOでは、最短2日で仮サイトを公開できるスピード対応や、SEO対策に強いオリジナルデザインの制作サービスを提供しています。







