網站顏色統計：網站的最佳顏色是什麼？

顏色是網站設計中最重要的視覺元素之一。 它會影響從您的轉化率到訪問者對您的品牌的看法的方方面面。

那麼，不言而喻，您必須正確設置網站配色方案。 但是你應該使用哪種顏色？ 以及如何有效地使用它們？

在本次網站顏色統計匯總中，我們將分享一些有助於回答這些問題的令人大開眼界的數據。

下面的統計數據將更清楚地說明顏色的重要性，揭示不同的消費者群體對不同網站顏色的反應等等。

準備好？ 讓我們開始吧！

網站的最佳顏色是什麼？

對於網站的最佳顏色是什麼沒有客觀共識，因為這完全取決於您的品牌和目標市場的性質。 然而，藍色和綠色似乎是安全的選擇，因為它們是大多數客戶喜歡在網站上看到的顏色。

一般來說，消費者似乎也更喜歡冷色而不是暖色。

網站訪問者喜歡什麼顏色？

46% 的消費者更喜歡企業在其網站上使用藍色，這使其成為網站訪問者最喜歡的顏色。

正如我們稍後將看到的，這種偏好與世界各地的普遍顏色偏好一致。

這可能與我們感知藍色的方式有關。 它通常被視為一種平靜、安全和專業的無威脅顏色——品牌網站通常努力做到的三個特徵。 但我們稍後會更多地討論這些顏色關聯。

綠色是第二受歡迎的網站顏色，得票率為 30%，紅色以 22% 位居第三。

有趣的網站顏色統計：

• 22% 首次訪問網站的消費者會尋找醒目的顏色
• 但 21% 的消費者會離開色彩古怪的網站
• 19% 的人將冷色與積極的情緒反應聯繫起來，而暖色只有 14%。

最糟糕的網站顏色是什麼？

黃色是消費者在網站上最不喜歡的顏色，23% 的受訪者認為企業不應在其網站設計中使用黃色。 橙色和紫色緊隨其後，22% 的人表示這是他們最不喜歡的網站顏色。

也就是說，客觀上沒有“最差的網站顏色”。 上面的網站顏色統計數據告訴我們消費者認為他們不喜歡哪些網站顏色，但這並不意味著它們不是您的正確選擇。 這完全取決於您的品牌個性和目標受眾等因素。

按人口統計的網站顏色偏好

網站顏色偏好因性別而異。 無論男女，似乎都對藍色和綠色情有獨鍾，但女性卻特別喜歡它們：

• 50% 的女性更喜歡在網站上看到藍色，而男性的這一比例為 45%
• 34% 的女性更喜歡在網站上看到綠色，而男性的這一比例為 30%

同樣，人們在網站上最不喜歡的顏色似乎也因性別而異。 女人更不喜歡黃色，而男人更不喜歡橙色。

• 26% 的女性認為企業不應在其網站上使用黃色
• 23% 的男性認為企業不應在其網站上使用橙色

顏色偏好似乎也因年齡而異：

• 43% 的 18 至 24 歲的人喜歡在網站上顯示紫色，但只有 17% 的 44-54 歲的人有同樣的感覺

什麼配色方案最適合網站？

大多數網站不僅具有一種顏色，而且還使用多種顏色。 您在網站上一起使用的顏色組合是您的配色方案，正確使用它非常重要。

根據數據，以下是大多數消費者認為網站最佳選擇的配色方案：

• 26% 的消費者更喜歡原色方案。 原色方案使用原色：紅色、黃色和藍色。
• 21% 的消費者更喜歡互補色方案。 互補色方案使用在色輪上彼此相對的兩種顏色，如藍色和橙色，或紅色和綠色。 一種是主色，另一種是強調色。
• 20% 的消費者更喜歡類似的配色方案。 類似的配色方案使用在色輪上彼此相鄰的顏色，例如紅色與紫色和紅紫色，或黃色與綠色和黃綠色。

留白有多重要？

只有 8% 的消費者在第一次瀏覽網站時會注意到留白，這就是留白在網頁設計中如此重要的原因。

它有助於在元素之間創建空間，以便您可以將訪問者的注意力引導到最重要的事情上，例如您的 CTA 和購買按鈕。 它有助於防止網站頁面看起來凌亂和雜亂。

資料來源：頂級設計公司¹ ，頂級設計公司²

顏色流行度統計

我們已經研究了消費者最喜歡的網站顏色是什麼——但是他們最喜歡的顏色呢？ 讓我們來了解一下。

世界上最喜歡的顏色是什麼？

Joe Hallock 的一項研究發現，除了作為網站顏色的首選之外，藍色和綠色也是全世界最喜歡的顏色。

42% 的受訪者表示，藍色是他們最喜歡的顏色，因此成為首選。 綠色和紫色是世界上第二受歡迎的顏色，各有 14% 的選票。

這一統計數據得到了 Colorcom 全球色彩調查數據的支持。 他們對超過 300,000 人的調查結果還發現，參與者最常選擇藍色作為他們最喜歡的顏色。

世界上最不喜歡的顏色是什麼？

根據喬哈洛克的同一項調查，橙色是所有年齡和性別的大多數人最不喜歡的顏色。

30% 的人表示他們最不喜歡橙色，而 23% 的人表示棕色（世界上第二不喜歡的顏色）和 13% 的人表示紫色（世界上第三最不喜歡的顏色）。

然而，Colorcom 的全球調查產生的結果略有不同。 根據他們的數據，黃色是最常見最不喜歡的顏色。

按性別劃分的最受歡迎的顏色

與網站顏色一樣，人們最喜歡的顏色通常因性別和年齡而異。

根據我們擁有的最佳數據，您將在下面找到表示最喜歡特定顏色的男女比例的細分。

最喜歡的 10 種顏色（女性）：

1. 藍色 – 35%
2. 紫色 – 23%
3. 綠色 – 14%
4. 紅色 – 9%
5. 黑色 – 6%
6. 橙色 – 5%
7. 黃色 – 3%
8. 棕色 – 3%
9. 白色 – 1%
10. 灰色 – 1%

最受歡迎的 10 種顏色（男士）：

1. 藍色 – 57%
2. 綠色 – 14%
3. 黑色 – 9%
4. 紅色 – 7%
5. 橙色 – 5%
6. 灰色 – 3%
7. 白色 – 2%
8. 棕色 – 2%
9. 黃色 – 1%
10. 紫色 – 0%

這裡有趣的是，雖然兩種性別都喜歡藍色和綠色，但對紫色的喜愛程度卻有明顯差異。 在女性中，它是第二受歡迎的顏色。 但在男性中，這是最少的。

性別最不喜歡的顏色

接下來，讓我們看看根據同一項研究，表示某種特定顏色是他們最不喜歡的兩種性別的受訪者百分比：

最常見最不喜歡的顏色（女性）：

1. 橙色 – 33%
2. 棕色 – 20%
3. 灰色 – 17%
4. 黃色 – 13%
5. 紫色 – 8%
6. 綠色 – 6%
7. 白色 – 3%

最常見最不喜歡的顏色（男士）：

1. 棕色 – 27%
2. 紫色 – 22%
3. 橙色 – 22%
4. 黃色 – 13%
5. 白色 – 5%
6. 灰色 – 5%
7. 綠色 – 2%
8. 紅色 – 2%
9. 黑色 – 1%
10. 藍色 – 1%

同樣，這裡有一些有趣的相似之處和不同之處。 兩性似乎都有點不喜歡棕色和橙色，但男性更有可能說他們最不喜歡的顏色是紫色。

資料來源： Colorcom ¹ ， 喬·哈洛克¹

顏色偏好是否取決於年齡？

是的，顏色偏好似乎取決於年齡。 藍色是全球各代人最喜歡的顏色，但有趣的是，統計數據顯示，年齡越小，對綠色的偏好越高，年齡越大，對綠色的偏好越低。

紫色則相反：年輕人不喜歡它，老年人更喜歡它。

同樣，橙色和黃色在老年消費者中似乎不太受歡迎。 這些顏色更常被年齡較大的受訪者稱為最不喜歡的顏色。

棕色更常被年輕人稱為最不喜歡的顏色。

號召性用語按鈕的最佳顏色是什麼？

在您網站上的所有元素中，號召性用語 (CTA) 按鈕可能是最重要的。 它們是您希望客戶注意並點擊的元素。

因此，已經有大量的研究和測試試圖找出最適合號召性用語的顏色是什麼。 以下是統計數據顯示的內容：

• Hubspot 在 Performable 網站上進行的拆分測試中，紅色按鈕的性能大大優於綠色按鈕，並且產生的點擊次數增加了 21%。
• 其他測試也顯示了類似的結果。 例如，Dmix 發現切換到紅色按鈕可將其轉化率提高 34%。
• 雖然大多數研究都集中在紅色和綠色按鈕上（因為這些是最受歡迎的），但有些研究比較了其他顏色。 一項這樣的研究比較了藍色和橙色按鈕，發現藍色比橙色高 9%。

從中可以輕鬆得出結論，紅色是最好的——但這過於簡單化了。

事實是，號召性用語按鈕沒有最佳顏色。 它因情況而異，沒有一種萬能的方法。

最重要的因素似乎是您的按鈕從網頁上的其他顏色中脫穎而出。 如果您網站的主要顏色是綠色，那麼綠色按鈕可能不會像紅色那樣吸引用戶的注意力。 但是，如果您網站的原色是紅色，則綠色按鈕可能會很好用。

資料來源： Hubspot、CXL

為什麼網站顏色很重要？

接下來，讓我們看一些網站統計數據，這些數據告訴我們更多關於顏色在網頁設計中的重要性。

網站顏色重要嗎？

39% 的受訪消費者表示顏色是他們在公司網站上最看重的視覺元素。 這使其成為消費者欣賞的第二大視覺元素，僅次於照片/圖像（40%）。

42% 的購物者對網站的看法僅基於設計（包括顏色）。

在不返回網站的購物者中，52% 的時間歸結為審美元素（包括顏色）。

關於顏色重要性的其他統計數據

顏色不僅在您的網站中很重要 - 它在您的所有品牌材料中都很重要，從您的產品設計到您的品牌徽標等等。 原因如下：

• 大約 62-90% 的消費者對產品的初步評估僅基於顏色。
• 顏色可以將品牌認知度提高多達 80%
• 90% 的人認為顏色可以幫助吸引新客戶
• 83% 的人認為顏色讓他們看起來更成功
• 81% 的人認為顏色讓他們比競爭對手更有優勢
• 90% 的人認為消費者在使用顏色時會更好地記住演示文稿
• 讀者註意到全彩廣告的頻率比黑白廣告高 26%。 發現這一點的研究專門針對雜誌廣告，但同樣的原則也適用於網站廣告。

資料來源： Colorcom ² 、頂級設計公司¹ 、ResearchGate、Neil Patel、Kissmetrics

顏色聯想

研究表明，人類似乎與某些顏色有著特定的聯繫。 其中一些似乎是與生俱來的生物聯繫，而另一些則是文化驅動的。

在設計您的網站時了解常見的顏色關聯非常重要，因為它會影響您的品牌被網站訪問者感知的方式。 您應該嘗試選擇代表您的品牌個性並喚起您所追求的那種情感反應的顏色。

考慮到這一點，根據 Joe Hallock 的一項研究，這裡有一些網站顏色統計數據，顯示了每種顏色最常與什麼相關聯。

相信

藍色是最常與信任相關的網站顏色。 34% 的受訪者表示他們想到了信任，他們想到了藍色。 這可能是藍色如此受歡迎的網站顏色的很大一部分原因。

21% 的受訪者將信任與白色聯繫在一起，使其成為第二選擇。 這可能是因為（或者為什麼）白色被用於醫院和醫生的實驗室外套等環境中。

橙色是研究中確定的最不值得信賴的顏色。 只有 1% 的受訪者將其與信任聯繫起來。

安全

藍色也是最常與安全相關的網站顏色，獲得 28% 的選票。 鑑於安全性和信任在語義上密切相關，這並不令人驚訝。 黑色也經常與安全相關，佔 16%。 橙色再次以 2% 的選票排在最後。

速度

紅色是最常與 76% 速度相關的顏色。 這可能是由於紅色潛在的激勵效果及其與強度、憤怒和兇猛的關聯。 黃色以 7% 遙遙領先。

這可能使紅色成為在您的網站中營造緊迫感的好選擇。 例如，您可以使用它來突出顯示對時間敏感的優惠。

便宜/便宜

26% 的參與者將橙色與便宜/便宜這兩個詞相關聯。 黃色以 22% 的得票率位居第二，棕色以 13% 的得票率位居第三。

藍色是最不可能與廉價相關的顏色，只有 1% 的受訪者選擇了它。

有趣的是，與廉價的關聯似乎與顏色偏好密切相關。 棕色、黃色和橙色都是消費者最不喜歡的顏色，也是最有可能與廉價這個詞相關聯的顏色。

高質量

43% 的受訪者將黑人與高品質聯繫在一起。 您可以通過在您的網站配色方案中使用黑色來利用這種與質量的關聯。

藍色與高品質相關聯，其次是 20% 的受訪者選擇它。 橙色最不可能與高質量相關聯，獲得 0% 的選票。

高科技

黑色（26%）和藍色（23%）也是最常與高科技相關的顏色。 格雷並列第二，被 23% 的受訪者選中。

恐懼

41% 的參與者將紅色與恐懼或恐懼聯繫起來。 黑棋以 38% 緊隨其後。 如果您正在開發一個以恐怖為主題的網站，黑色和紅色是顯而易見的選擇。

有趣的是，沒有一個受訪者將藍色與恐懼聯繫起來，這再次表明顏色被認為是值得信賴和平靜的。

樂趣

28% 的人表示橙色是他們最聯想到樂趣的顏色。 黃色緊隨其後，為 26%。 紫色（17%）和紅色（16%）也是受歡迎的選擇。

這表明，儘管橙色和黃色是一些最不受歡迎的網站顏色，但在網站設計中確實佔有一席之地。 如果您試圖將您的品牌或產品定位為有趣，它們可能是有效的選擇。

勇敢

29% 的受訪者表示，他們將紫色與勇氣和勇敢聯繫在一起。 紅色以 28% 緊隨其後，藍色以 22% 位居第三。

這很有趣，因為勇氣和勇敢通常被認為是更男性化的價值觀，但正如我們之前看到的，儘管紫色與這些特徵有關，但很少有人喜歡紫色。

根據 Joe Hallock 的網站顏色關聯

根據 Joe Hallock 的研究，以下是對頂級顏色關聯的回顧：

• 藍色——信任、安全
• 紅色——速度、恐懼
• 橙色——便宜、有趣
• 黑色——高品質、高科技
• 紫色——勇敢

根據 Colorcom 的網站顏色關聯

Colorcom 的全球色彩調查還詢問了受訪者關於色彩聯想的問題。 根據數據，以下是每種顏色最常見的關聯：

• 黃色——幸福
• 白色——純潔
• 綠色——運氣
• 紅色——好吃
• 深藍色——尊嚴
• 白銀——高科技
• 紅色——性感
• 黑色——哀悼
• 黃金——昂貴
• 棕色——便宜
• 紅色——強大
• 藍色——可靠
• 黃金——高品質
• 淡黃色——噁心
• 白——神
• 黑色——運氣不好

資料來源： Colorcom ¹ ，Joe Hallock ²

網站標誌顏色統計

您的徽標是您網站上的另一個關鍵視覺元素。 以下是一些專門與徽標相關的網站顏色統計數據。

顏色在網站標誌中的重要性

在 Reboot Online 的一項測試中，78% 的客戶能夠回憶起他們曾短暫展示過的徽標的原色，但只有 43% 的客戶能記住這個名字。

結果：您在品牌資產（如您的網站）中使用的顏色比您的品牌名稱更令人難忘——並且可以說更重要。

最常見的網站標誌顏色

黑色是頂級品牌中最受歡迎的品牌顏色。 它被用於全球 100 強品牌中 34% 的標誌中。

在其標誌中使用每種顏色的品牌百分比：

• 34% 使用黑色
• 30% 使用藍色
• 30% 使用紅色
• 9% 使用黃色
• 7% 使用綠色
• 6% 使用銀色/綠色
• 5% 使用橙色
• 2% 使用棕色

來源：在線重啟

有幾種顏色？

沒有人能就到底有多少種顏色達成一致，但我們能給出的最佳答案是 1000 萬種。

這是人眼可以看到的最大顏色數量，但我們無法感知的顏色還有無限多。

如果你好奇我們是如何得出 1000 萬這個數字的，那就是基礎數學。 人眼可以看到 1,000 種光。 在這些光影中，我們可以檢測到 100 種不同的紅綠光度和 100 種不同的黃藍光度。

將它們相乘 (1,000 x 100 x 100)，您將得到 1000 萬。

當然，比這要復雜一些——這只是一個簡短的、過於簡單的解釋

最後的想法

我們對網站顏色統計的總結到此結束。

希望您能夠從這些事實和數據中提取一些有用的見解，為您的網站設計策略提供信息。

關鍵的一點是，雖然顏色顯然很重要，但在您的網站上使用它並沒有對錯之分。 正確的顏色選擇將取決於您的品牌個性、定位和目標市場。

如果您想進一步了解好的網頁設計是什麼樣的，請參閱我們最近的網站設計統計匯總。

或者要更廣泛地了解圖形設計，請查看這些令人興奮的圖形設計統計數據。

祝你好運！