我的图片会被上传到哪里吗？

不会。图片被画到一个隐藏的 canvas 上，就地在浏览器里分析，从不发往服务器。

主色是怎么算出来的？

图片会先缩小到长边最多 100 像素，每个像素的 RGB 分量按每通道 32 一档量化进桶，然后取出现次数最多的十个桶显示出来。透明度超过一半的像素会被忽略。

为什么提取出来的十六进制色值跟我从图上取到的颜色不完全一样？

量化会把每个 RGB 通道四舍五入到最近的 32 的倍数，好让相近的色调归到一起。结果代表的是一个颜色簇，而不是某一个确切的像素，所以跟单个像素值之间可以有一点偏差。

图片颜色提取工具

概述

这个工具能从任意图片里快速搭出一份配色。选一张照片、截图或者 logo，它会把最常见的十种颜色以色块加十六进制色值的形式返回。内部的做法是：先把图片缩小（长边最多 100 px），再把每个 RGB 通道按 32 的步长量化，从而合并几乎相同的色调，跳过基本透明的像素，最后按像素数量给得到的各个桶排序。分析在浏览器的 canvas 上进行，文件不会离开你的机器。

使用方法

点 Choose image，选一个图片文件（PNG、JPEG、WebP 等都可以）。
读得到的色块——最多十种颜色，按出现频次从高到低排列，每一块都标着它的十六进制色值。

示例

从竞品 logo 的截图里提取品牌配色，拿去跟自己的设计令牌比对。
取出主视觉照片的主色，据此推导出配套的强调色和背景色。
检查一张「纯色」背景的 PNG，看它是不是其实残留着若干压缩留下的、几乎一样的色调。

说明

因为会先缩小，超大图片也能正常处理；但也正因如此，得到的配色反映的是缩小之后的图片，细小的颜色细节（细线条、单个点缀像素）可能不会出现在结果里。透明区域不参与计算。