图片主色说明
使用教程
选择一张本地图片。画面会缩到预览框里，右侧列出最多 8 个颜色，每个都有色块、十六进制和 rgb 写法，可以分别复制。没有结果时，先看是不是透明图：几乎全透明的像素会被跳过。
文件画到画布上统计，不会上传。换一张图会重新计算。复制走的是颜色值，不是原图；原图只存在于这次页面会话里。
原理简述
分析前把长边限制在 160 像素以内，避免大图逐像素太慢。透明度低于 128 的像素直接忽略。剩下的像素按每四个取一个，红绿蓝各砍掉低 4 位，掉进同一个桶里计数，再把桶内的原始颜色求平均。按出现次数取出前 8 名，转成十六进制和 rgb。
所以这是主色概括，不是滴管。渐变、阴影和噪点会被并进邻近的桶，你看到的色值往往比原图像素略「整」。要取某一个点的精确颜色，应使用设计软件的取色器，而不是这份排名。
相关知识
十六进制是给 CSS 和设计稿用的，rgb 方便写进 rgba 再改透明度。两者描述的是同一组 0 到 255 的通道，不是两套不同的颜色。照片偏色、滤镜和压缩都会改变统计结果，同一张图导出成 JPEG 再打开，主色可能和 PNG 原件差一档。屏幕显示还受色彩配置影响，这里读的是像素里的数字，不是印刷色值。
常见问题
- 为什么主色和我肉眼看到的不一样？
- 小面积的亮色很扎眼，但像素少，排不进前几名。大面积的灰或肤色会占满列表。这是按面积近似统计，不是按视觉显著性。
- 能指定取图上某一点吗？
- 不能。页面不做点击取色，只给出整张图里更常见的若干桶。精确取样请在原图上用取色工具。
- 图片会不会被保存？
- 不会上传。解码和统计都在浏览器里完成。离开页面后，预览和色值列表一并丢掉，需要的颜色请先复制。