CodeKitHub工具介绍
平均色是图片中每个像素的红、绿、蓝值的算术平均——一个代表图片整体色调的混合色，但如果图片中包含差异很大的色彩区域，这个平均色可能会显得浑浊。
主色调则不同：本工具会把相似的像素颜色归入不同的桶中（对每个 RGB 通道做量化处理），统计每个桶中的像素数量，再返回出现频率最高的几个作为独立色块——这比单一的平均混合色更接近人眼所认为的「这张图里的主要颜色」。
为什么使用它？
- 一次上传即可同时获得平均色和真正的多色调色板，而不只是一个数值。
- 从照片、截图或 Logo 中提取可直接用于设计项目的调色板。
- 点击任意色块即可立即复制其精确 HEX 代码。
- 完全在浏览器中运行——图片通过 canvas 在本地读取，不会上传到任何地方。
- 免费、即时、无需账号，除浏览器自身限制外没有额外的文件大小限制。
使用方法
- 点击上传按钮，从你的设备中选择一张图片。
- 平均色和主色调调色板会自动显示——无需点击额外的按钮。
- 点击任意色块（平均色或调色板中的任意颜色）即可复制其 HEX 代码。
示例
输入
一张日落照片，橙色天空搭配深蓝色剪影输出
平均色：浑浊的棕橙色混合色 · 主色调：明亮的橙色、深红色、近黑色、浅黄色（作为各自独立的色块）这正是平均色和主色调差异最大的典型情况——平均色把暖色调和冷色调混合成了浑浊色，而主色调调色板则将它们保留为可清晰辨认的独立颜色。
常见问题
为什么平均色和图片中实际存在的颜色差别这么大？
平均运算是把所有像素在数学上混合到一起——如果图片同时包含明亮的橙色和深蓝色区域，平均色就会落在浑浊的棕色附近，这个颜色可能在原图中根本不存在。这是真正意义上的平均值应有的表现，不是 bug；如果想要图片中实际出现的颜色，请使用主色调调色板。
我的图片会上传到服务器吗？
不会。图片是由浏览器通过 Canvas API 直接读取的，所有颜色分析都在本地用 JavaScript 完成，不会有任何数据通过网络发送出去。
它会返回多少种主色调？
最多 8 种，按每个颜色桶匹配到的像素数量排序，最常见的排在最前。如果图片颜色非常单一，返回的独立色块可能会少于 8 种。
它会计算 PNG 图片中的透明像素吗？
不会——不透明度低于 50% 的像素会被同时排除在平均色和主色调计算之外，因此透明背景不会把结果拉向透过它显现出来的任何颜色。