返回博客

App 图标颜色统计:3598 枚图标里,白色占了两成

找图标收录的每一枚图标都会在服务端做一次逐像素主色提取。这篇文章用 2026 年 10 月 19 日的快照(3598 枚真实上架应用的图标),回答三个问题:图标配色大盘长什么样?暖色和冷色谁赢?不同分类的用色倾向差多远?

大盘:13 个色系的完整分布

色系主色样例枚数占比
白色81822.7%
红色52114.5%
橙色41611.6%
蓝色39110.9%
蓝绿色36210.1%
黑色2246.2%
绿色2135.9%
黄色1965.4%
青绿色1484.1%
灰色1103.1%
粉色992.8%
紫色722%
棕色280.8%

白色以 22.7% 遥遥领先。把提取口径缩到具体色值时更明显:最常见的一档是 米白 #F5F5F0(876 枚,占 24.3%)——大量图标选的不是纯白,而是带一丝暖意的 off-white,配合浅渐变或玻璃质感,在深浅两种桌面壁纸上都不突兀。

暖色(红、橙、黄)合计 31.5%,冷色(蓝、蓝绿、青绿)合计 25.1%。 与"科技产品都是蓝色"的直觉相反,App 图标的世界里暖色更多——红色一档(14.5%)就超过了蓝色(10.9%)。

另一端,紫色(2.0%)和棕色(0.8%)是稀缺色。稀缺意味着差异化机会:在一片红蓝白里,一枚紫色调或大地色调的图标反而更容易被记住。

分类差异:天气是蓝的,美食是橙的

分类白色冷色暖色
天气120 枚15%65.8%9.2%
美食佳饮59 枚15.3%8.5%62.7%
购物155 枚15.5%8.4%56.8%
游戏364 枚3.6%20.9%56.3%
效率170 枚42.9%21.8%20%
导航95 枚36.8%28.4%13.7%
医疗55 枚38.2%21.8%27.3%

天气类 65.8% 冷色——天空蓝不是设计惯性,是这个品类的视觉母语。 美食佳饮(62.7% 暖色)和购物(56.8% 暖色)则站在另一端:红橙黄激发食欲和下单冲动。

最有趣的是游戏类:暖色 56.3%、白色只有 3.6%。游戏图标几乎不 留白——浓烈、饱和、塞满细节,是商店里最"喊叫"的一批图标。而效率类反着来:42.9% 白色,克制、专业、系统感。

给设计者的三条可执行建议

一、先查你的品类,再决定跟还是反。用分类浏览打开你的品类,看主色分布:如果八成同类都是蓝,一枚暖色图标反而显眼;反之亦然。

二、想被记住,考虑稀缺色。紫、棕、青绿加起来不到 7%。不必全图标都 用,主色块里出现一档稀缺色相,辨识度就有差异。

三、白色不是偷懒,是策略。22.7% 的同行选白色不是巧合——它 同时解决深色壁纸、浅色壁纸和系统级观感三件事。做工具类、效率类产品时,白色底 + 一个高饱和图形是经过 800 多枚图标验证的安全解。

按颜色逛 3598 枚真实图标

13 个色系、24 档精确色相,主色全部服务端逐枚提取。

打开颜色浏览

常见问题

主色是怎么提取的?

服务端逐枚下载图标、逐像素计算:先转 HSV 分桶到 13 个色系,再细分到 24 档色相。同屏滚动浏览页里看到的呼吸底色,就是每枚图标自己的平均色。

为什么白色算一种「主色」?

提取看的是像素占比和饱和度:低饱和、高明亮的底色在像素层面就是「白系」。大量图标用 off-white 做底,这是设计事实,不是统计口径的偏好。

样本只有 3598 枚,结论可靠吗?

它来自我们索引的真实上架应用(App Store 公开接口),覆盖 22 个官方分类。对「大盘分布」和「分类倾向」这类结构性结论,3000+ 样本已足够稳定;但别把它当成 A/B 测试依据。

数据颜色

更多文章