从图片中提取颜色（主色提取工具）
上传图片后，可自动提取照片或插画中使用的主要颜色（主色）。所有处理均在浏览器内完成，图片不会被发送到服务器。
使用提示
- 点击色块下方的复制按钮即可将其 HEX 值复制到剪贴板，可直接粘贴到 CSS 或设计工具中使用。
- 可以从 4、8、12 中选择提取的颜色数量。简单的 Logo 配色适合选 4 色，想仔细分析照片的丰富色调则可以选择 12 色。
- PNG 图片中透明的部分会被自动排除，提取结果会更聚焦于主体本身的颜色，而不是透明背景。
- 所有处理都通过 Canvas API 在本地浏览器中完成，图片数据不会发送到任何服务器，即使是敏感图片也可以放心使用。
- 提取的颜色按出现频率从高到低排列，排在前面的颜色在图片中占据的面积更大。
常见问题
本工具采用简单的算法：将图片量化为粗略的颜色分组，并以出现频率最高的分组的平均色作为代表色返回。这足以快速了解图片的整体色调，但请注意，它不像 k-means 等专业配色工具中使用的严格聚类算法那样精确。
不会。本工具使用 Canvas API，从图片加载到颜色提取的整个过程都在您的浏览器内（客户端）完成。图片数据不会发送到服务器，因此即使是敏感图片也可以安全使用。
只要是浏览器 ![]()
标签可以显示的常见图片格式，包括 JPEG、PNG、WebP、GIF 等均可读取，具体取决于您浏览器的文件选择器所支持的图片格式。
可以。每种颜色都会显示为 HEX 值（例如 #3366cc），点击即可复制到剪贴板，可直接粘贴到 Figma、Photoshop、CSS 等任何支持 HEX 颜色值的工具中使用。
闲话 ― 从照片中寻找品牌色的工作
从照片或产品包装中提取"所使用的颜色"，是网页设计和平面设计工作中的常见任务。在制定品牌视觉规范时，设计师通常会先从现有的照片素材或 Logo 中提取代表色，再以此为基础考虑企业色或强调色的候选方案。过去需要用取色工具逐一手动拾取的工作，如今可以通过本工具这样的"主色提取"算法自动完成。
颜色提取有多种算法。本工具采用的"分桶量化 + 频率统计"方法，将每个像素的 RGB 值粗略归入某个分组并统计出现次数，是一种计算成本低、运行速度快的简单方法。而更高级的方法，例如 k-means 聚类算法，会根据颜色空间中的距离进行分组，能得到更自然的分组结果，但计算量也随之增加。
有趣的是，同一张图片根据提取的颜色数量不同，给人的印象也会截然不同。只提取 4 种颜色时，会呈现出图片整体的大致色调（偏暖还是偏冷）；而提取到 12 种颜色时，则连阴影和反光带来的细微色差也能被捕捉到。根据用途调整提取数量，就能从同一张图片中获取不同粒度的信息。