60:30:10 颜色比例分析器

什么是 60:30:10 颜色比例分析器？

60:30:10 颜色比例分析器会把上传图片中的颜色按相近色系归类，帮助你看出哪些色调构成画面基础，哪些颜色承担中间连接作用，哪些颜色负责形成视觉重点。它不是简单提取前三大颜色，而是把接近的色感合并为一个家族，让结果更接近人眼对整张画面的感受。

分析结果会给出主色 60%、辅助色 30%、强调色 10% 的贴合分数，并告诉你哪一组最接近 60、强调色是偏少还是偏多，以及它更集中在一处还是分散在整个画面。无论是演示稿、缩略图、插画、网页 UI，还是场景参考图，都可以用它来快速拆解配色结构。

适合这些场景

• 动画场景分析 — 想看出某个镜头为什么显得稳定、视觉重点颜色在哪里发力时
• 品牌 / 缩略图参考整理 — 想把参考图的配色结构按数字和色系单位快速拆开时
• UI 稿检查 — 想确认按钮强调色是否铺得太广、主色和辅助色是否分得不够开时
• 海报 / 横幅设计 — 想快速判断背景、辅助区域和强调点是否分配得当时
• 色彩脚本学习 — 想把喜欢的图像配色和布局模式记录成可复用的语言时

主要功能

• 自动归并相近色系 — 连细微变化都会归到同一色系里，因此更接近人眼对整体氛围的判断。
• 60:30:10 贴合分数 — 用分数和短句说明当前图片距离理想分配有多近。
• 主色 / 辅助色 / 强调色角色卡 — 一张卡里汇总代表色、比例、特点与调整提示。
• 强调色分布热力图 — 一眼看出强调色是集中在一处，还是散在整个画面。
• 弱化背景色模式 — 白底或大面积中性色会影响主色判断时，可用这个模式做校正分析。
• 查看 HEX / RGB / HSL 代码 — 可按需要切换代表颜色代码格式并直接复制。

使用方法

1. 上传图片 — 上传要分析的场景、缩略图、海报或 UI 截图。
2. 选择分析模式 — 如果有大面积白底或黑底，建议保留默认的“弱化背景色”模式。
3. 查看分数与角色 — 先看顶部的匹配度分数，以及主色、辅助色、强调色比例。
4. 查看热力图与建议 — 再看热力图和建议文案，判断强调色聚集在哪里、应该减少还是增强。
5. 参考颜色代码 — 将角色卡或色系分组中的 HEX / RGB / HSL 数值用于设计工作。

分析是怎么完成的？

此工具会先对图片做缩小采样，排除透明像素，先生成颜色聚类，再把相近颜色继续合并。之后根据代表色组来分配主色、辅助色、强调色角色，并计算各组占据的面积。

强调色不是简单取第三大颜色，而是优先寻找面积较小但饱和度与对比度更高、最可能吸引视线的色组。接着会把整张图切成网格，计算强调色出现的位置与密度，并说明视觉重点是集中还是分散。

结果更适合作为辅助解读。它不会自动理解场景叙事、光线、透视或品牌意图，因此最终判断仍建议结合具体语境。

常见问题