图片颜色提取

本地处理
  • 打赏支持
  • 分享链接
  • 反馈建议

点击上传或将图片拖拽到此处

支持 JPG/PNG/GIF/WebP

功能说明

图片颜色提取工具从图片中自动识别主要颜色并生成调色板,提取数量可选 5、8、10、12 或 16 种。算法使用 K-Means 聚类对图片像素按颜色分组,取出现频率最高的主色调,因此结果贴近图片的整体色彩印象。

每个色块支持点击复制 HEX 值,也可以「复制所有 HEX 值」一次性批量导出,直接粘贴进设计软件或 CSS 代码。处理在浏览器本地完成,图片不上传。

图片颜色提取使用步骤

  1. 点击或拖拽上传图片;
  2. 选择提取颜色数量(5/8/10/12/16 种);
  3. 等待自动分析生成调色板;
  4. 点击单个色块复制 HEX 值,或点「复制所有 HEX 值」批量复制。

图片颜色提取适用场景

  • 设计师从摄影图、海报中抽取配色方案;
  • 前端开发取品牌图主色写进页面样式;
  • 插画作者分析优秀作品的颜色构成。

常见问题

颜色提取的原理是什么?

使用 K-Means 聚类算法对图片像素进行颜色分组,收敛后取各组中心即主要颜色,出现频率越高的颜色排位越靠前。

同一张图不同数量结果会变吗?

会。提取数量越多,越能保留图片中的次要色彩;只要主色 2-3 个时选 5 种最直接。

结果能直接用于 CSS 吗?

可以。复制的 HEX 值可直接写进 color、background 等属性,RGB 格式适合设计软件取色。