网站颜色统计：网站的最佳颜色是什么？

颜色是网站设计中最重要的视觉元素之一。 它会影响从您的转化率到访问者对您的品牌的看法的方方面面。

那么，不言而喻，您必须正确设置网站配色方案。 但是你应该使用哪种颜色？ 以及如何有效地使用它们？

在本次网站颜色统计汇总中，我们将分享一些有助于回答这些问题的令人大开眼界的数据。

下面的统计数据将更清楚地说明颜色的重要性，揭示不同的消费者群体对不同网站颜色的反应等等。

准备好？ 让我们开始吧！

网站的最佳颜色是什么？

对于网站的最佳颜色是什么没有客观共识，因为这完全取决于您的品牌和目标市场的性质。 然而，蓝色和绿色似乎是安全的选择，因为它们是大多数客户喜欢在网站上看到的颜色。

一般来说，消费者似乎也更喜欢冷色而不是暖色。

网站访问者喜欢什么颜色？

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 万。

当然，比这要复杂一些——这只是一个简短的、过于简单的解释

最后的想法

我们对网站颜色统计的总结到此结束。

希望您能够从这些事实和数据中提取一些有用的见解，为您的网站设计策略提供信息。

关键的一点是，虽然颜色显然很重要，但在您的网站上使用它并没有对错之分。 正确的颜色选择将取决于您的品牌个性、定位和目标市场。

如果您想进一步了解好的网页设计是什么样的，请参阅我们最近的网站设计统计汇总。

或者要更广泛地了解图形设计，请查看这些令人兴奋的图形设计统计数据。

祝你好运！