主色调提取器
每张照片、截图和插画里其实都藏着一套现成的配色方案，只是需要一个工具把它取出来。
使用方法
- 把 PNG、JPG 或 WebP 拖进上传区域。
- 选择排名档位：前 8、前 16 或前 24 色。
- 查看每个色块的 HEX 值与占比百分比。
- 一键复制任意 HEX，粘贴到设计工具里使用。
常见问题
主色是怎么算出来的？
用固定分辨率的像素直方图：每个 RGB 通道量化到高 4 位（每通道 16 档，三通道共 4096 桶），像素落入对应桶后按计数排名，排名后的颜色取该桶内像素的平均值。这是确定性的近似算法——同一张图永远得到同一份色板。
这是 k-means 聚类吗？
不是，这是刻意的选择。k-means 的中心点观感更好，但速度慢、需要迭代、结果依赖实现。本工具用透明的桶计数：环节更少、完全可复现，并且如实反映像素普查的结果。落在同一 16 档通道范围内的相近颜色会被合并到同一个桶。
为什么照片结果里有好几个相近的绿色？
照片和渐变会把像素铺到相邻的桶里，接近的色调会以独立条目的形式出现，各自带百分比。这是图片真实的颜色分布而不是噪声——做扁平强调色时取计数最大的桶，想要紧凑色板可以自行合并相邻色。
透明区域是怎么处理的？
alpha 低于 128 的像素整像素跳过：既不进入任何桶，也不计入占比分母，所以抠出的图标或素材完全按可见像素排名。如果整张图没有任何不透明像素，工具会明确报错，而不是给出一份空结果。
图片颜色数比 Top N 少怎么办？
有几个就显示几个：工具按排名列出找到的全部桶，绝不凑数。一张 4 色的像素 logo 选 24 色，返回的就是这 4 个颜色，占比四舍五入到一位小数，合计约 100%。
图片会被上传到服务器吗？
不会。解码、分桶与排名全部在浏览器本地完成，任何数据都不离开你的设备，未发布的作品和有版权的照片保持私密。
相关工具
了解更多
每张照片、截图和插画里其实都藏着一套现成的配色方案，只是需要一个工具把它取出来。主色调提取器会统计你 PNG、JPG 或 WebP 的像素分布，把出现最频繁的颜色按占比排好序，让你在做幻灯片、仪表盘、情绪板、主题文件或营销物料时直接取用，不必凭记忆和肉眼去猜。量化口径完全透明：每个 RGB 通道取高 4 位（16 档），三通道联合共 4096 个桶，像素按桶计数后取前 8、16 或 24 名，每个主色都给出精确占比和一键可复制的 HEX 值。透明像素（alpha 低于 128）整像素跳过，抠图素材不会污染排名；全部计算在浏览器本地完成，签了保密协议的设计稿也不会离开你的设备。需要说明的是，这是一张诚实的像素直方图，不是神奇的重新调色：含渐变的照片会产出多个相近桶位，而这恰好让你看清一张图真实的颜色权重分布。要紧凑的品牌色板就选较小的 Top N，想探索完整色彩区间就选大档位。