跳到主要内容
网站首页

图标库

返回数据研究
色彩研究

App 图标都在用什么颜色?10 万+ 真实样本色彩统计

8 分钟读完数据截至 2026-10-19

TL;DR:蓝色以 18.6% 是真实 App 图标中最常用的主色,前三位(蓝、黑、橙)合计 48.3%。冷暖基本对半,纯黑白极简是少数派。给你的图标选颜色时,先看同类目的 top 用色表,避开前两名再做差异化。

全部色彩排行(107,481 个图标)

主色图标数量占比
蓝20,00918.6%
黑16,95615.8%
橙15,00014.0%
红11,24910.5%
灰10,1699.5%
粉9,3658.7%
青8,8628.2%
绿7,2806.8%
黄5,4575.1%
紫3,1342.9%

深浅与冷暖分布

深色系
2.7%
黑白极简
2.8%
高饱和浓彩
5.4%
柔和马卡龙
80.1%
清爽浅色
9.0%

冷暖侧:暖色(红/粉/橙/黄)占 38.2%,冷色(青/绿/蓝/紫)占 36.6%,黑灰无彩占 25.2%——冷色略占上风,但没有哪个方向能过半。

分类目 top3 用色(24 个样本量充足的类目)

类目图标数量Top 用色
游戏26,532黑 24% / 橙 19% / 灰 16%
工具15,046蓝 32% / 黑 13% / 橙 12%
教育11,041蓝 22% / 橙 13% / 红 11%
生活6,753蓝 19% / 橙 15% / 红 14%
娱乐4,976黑 19% / 橙 16% / 粉 13%
效率4,955蓝 30% / 黑 14% / 青 10%
摄影与录像4,322黑 23% / 蓝 17% / 粉 13%
健康与健身4,172蓝 17% / 黑 13% / 橙 12%
财务3,520蓝 18% / 粉 16% / 红 13%
商务3,494蓝 32% / 红 12% / 青 10%
购物2,630红 23% / 粉 15% / 橙 14%
旅游2,517蓝 20% / 青 11% / 粉 11%
社交2,314蓝 19% / 粉 14% / 黑 11%
参考资料2,177蓝 21% / 橙 13% / 黑 12%
音乐2,113黑 19% / 蓝 15% / 粉 11%
医疗1,617蓝 23% / 青 16% / 粉 15%
导航1,538蓝 25% / 黑 12% / 青 11%
图形与设计1,485蓝 21% / 黑 20% / 橙 16%
体育1,410黑 18% / 蓝 16% / 绿 14%
美食佳饮1,221橙 27% / 红 16% / 粉 12%
图书1,193灰 15% / 橙 14% / 黑 12%
天气1,098蓝 32% / 青 15% / 黑 13%
新闻694粉 23% / 红 18% / 蓝 16%
开发者工具512蓝 35% / 黑 25% / 橙 12%

怎么给你的 App 图标选颜色

1. 在 App Store 搜你的核心关键词,记下前 10 个结果的图标主色——这是你的图标将来真实出现的排面。

2. 对照上面的类目 top 表:你的类目前两名的颜色尽量避开,除非品牌色已经是其中之一。

3. 保证去掉颜色后图形仍然成立:iOS 用户可切换深色与单色图标模式,只靠颜色识别的图标在单色模式下会失效。

4. 把图标放进真实主屏检验:旁边是用户已有的 App,浅色和深色壁纸各试一次。

统计方法与口径

本页统计基于图标库收录的 107,481 个真实上架应用图标(App Store,评分人数 ≥ 100),数据为构建时快照;收录持续更新,数字会随重建小幅变化。

色彩归类:对每个图标取 16×16 采样的平均色调,与 10 个基准色做最近邻匹配;深浅与饱和气质按 HSL 阈值划分。所有统计在服务端一次完成,不涉及任何用户数据。

常见问题

数据是怎么统计出来的?

对本站收录的 107,481 个真实上架应用图标逐一取主色(App Store 官方图标,评分人数 ≥ 100),按最近邻色彩归类后统计分布。统计方法与原始口径见下文方法说明。

「浅色」占比为什么这么高?

本页色彩统计基于图标的整体平均色调:绝大多数 App 图标使用白色或浅色背景承载彩色图形,因此平均色调落在浅色区间属于正常现象。想按主色找图标,可以直接用 App 图标频道的颜色筛选。

选图标配色应该避开最常见的颜色吗?

恰恰相反——应避开你的类目里最常见的颜色,而不是全站最常见的颜色。下文的类目表格给出每个类目的 top3 用色,先看同类竞品用了什么,再决定跟随还是反着来。

黑白图标是好的差异化方向吗?

全站约 2.8% 的图标是黑白极简设计,属于少数派。对工具类、效率类应用,黑白设计配合独特的图形往往比彩色更醒目;但对美食、儿童、游戏等类目,彩色仍是主流预期。

Command Palette

Search for a command to run...