我的图片会被上传到服务器吗?

不会。文件通过浏览器的 FileReader 读取,并在本地绘制到 canvas 上。不会发起任何请求,也不会存储在任何地方。

为什么取到的颜色和我在图片编辑器里看到的略有差别?

这里显示的预览图最长边会被缩到 500 像素并重新编码,而平滑缩放会把相邻像素混合在一起。因此锐利边缘上的颜色可能读出来是混合值,而不是原文件里的那一个像素。在颜色平铺的区域内,两者是一致的。

先把图片缩到 200 像素,按网格取样,再用 CIE76 色差把每种颜色与其它颜色逐一比对:相差不到 10 的会合并成一个平均色。占比需达到取样像素的 1% 才会被列出,列表最多 18 条,按占比从大到小排列。

HEX 是常见的六位网页颜色值。ARGB 把 alpha 通道写在最前面 —— ARGB(255, 120, 40, 90) 表示完全不透明的红 120、绿 40、蓝 90。对不透明的图片来说 alpha 始终是 255;而透明度超过一半的像素在生成调色板时会被跳过。

我的图片会被上传到服务器吗?: 不会。文件通过浏览器的 FileReader 读取,并在本地绘制到 canvas 上。不会发起任何请求,也不会存储在任何地方。
为什么取到的颜色和我在图片编辑器里看到的略有差别?: 这里显示的预览图最长边会被缩到 500 像素并重新编码,而平滑缩放会把相邻像素混合在一起。因此锐利边缘上的颜色可能读出来是混合值,而不是原文件里的那一个像素。在颜色平铺的区域内,两者是一致的。
它是怎么判断哪些是主要颜色的?: 先把图片缩到 200 像素,按网格取样,再用 CIE76 色差把每种颜色与其它颜色逐一比对:相差不到 10 的会合并成一个平均色。占比需达到取样像素的 1% 才会被列出,列表最多 18 条,按占比从大到小排列。
每个颜色旁边的两个值分别是什么?: HEX 是常见的六位网页颜色值。ARGB 把 alpha 通道写在最前面 —— ARGB(255, 120, 40, 90) 表示完全不透明的红 120、绿 40、蓝 90。对不透明的图片来说 alpha 始终是 255;而透明度超过一半的像素在生成调色板时会被跳过。