App 图标颜色统计:3598 枚图标里,白色占了两成
找图标收录的每一枚图标都会在服务端做一次逐像素主色提取。这篇文章用 2026 年 10 月 19 日的快照(3598 枚真实上架应用的图标),回答三个问题:图标配色大盘长什么样?暖色和冷色谁赢?不同分类的用色倾向差多远?
大盘:13 个色系的完整分布
| 色系 | 主色样例 | 枚数 | 占比 |
|---|---|---|---|
| 白色 | 818 | 22.7% | |
| 红色 | 521 | 14.5% | |
| 橙色 | 416 | 11.6% | |
| 蓝色 | 391 | 10.9% | |
| 蓝绿色 | 362 | 10.1% | |
| 黑色 | 224 | 6.2% | |
| 绿色 | 213 | 5.9% | |
| 黄色 | 196 | 5.4% | |
| 青绿色 | 148 | 4.1% | |
| 灰色 | 110 | 3.1% | |
| 粉色 | 99 | 2.8% | |
| 紫色 | 72 | 2% | |
| 棕色 | 28 | 0.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 多枚图标验证的安全解。
常见问题
主色是怎么提取的?
服务端逐枚下载图标、逐像素计算:先转 HSV 分桶到 13 个色系,再细分到 24 档色相。同屏滚动浏览页里看到的呼吸底色,就是每枚图标自己的平均色。
为什么白色算一种「主色」?
提取看的是像素占比和饱和度:低饱和、高明亮的底色在像素层面就是「白系」。大量图标用 off-white 做底,这是设计事实,不是统计口径的偏好。
样本只有 3598 枚,结论可靠吗?
它来自我们索引的真实上架应用(App Store 公开接口),覆盖 22 个官方分类。对「大盘分布」和「分类倾向」这类结构性结论,3000+ 样本已足够稳定;但别把它当成 A/B 测试依据。
更多文章
App 图标尺寸大全:iOS、安卓和网站(2026 速查表)
2026 年真正需要的 App 图标尺寸:iOS 和 iPadOS、Apple Watch、安卓启动图标和自适应图标、Google Play、网站 favicon,一张表查完,再说说最常见的几个错误。
Android 自适应图标:图层、安全区和真实做法
自适应图标是怎么回事:108dp 画布、66dp 安全区、前景背景两层、主题图标单色层和 XML 写法,以及做安卓图标最容易犯的几个错。
苹果 Icon Composer 使用指南:怎么用,没有 Mac 怎么办
Icon Composer 是苹果做分层 Liquid Glass 图标的工具:去哪下载、素材怎么准备、哪些设置要调、怎么把 .icon 文件放进 Xcode,以及没有 Mac 时的替代做法。