图像调色板提取器

从图像中提取主色,并将调色板导出为 HEX、CSS 变量或 JSON。

上传图片
选择一张图片,在浏览器中本地取样。
调色板设置
控制要提取的颜色数量以及排序方式。
8

选择 3 到 12 种调色板颜色。

质量越高,采样的像素越多;大图可能需要更长时间。

调整显示顺序,不改变已提取的颜色。

查找主色时跳过完全透明的像素。

调色板结果
查看、复制并导出提取出的调色板。
还没有调色板
上传图片后即可查看主色和导出选项。

此工具的作用

图像调色板提取器会直接在你的浏览器中找出图像的主色。它会 对图片取样,将视觉上相近的像素分组,并为每种颜色返回包含 HEX、RGB、HSL 和占比值的实用调色板。

适合的使用场景

  • 从屏幕截图、徽标、照片或设计稿中提取品牌或产品颜色。
  • 为落地页、缩略图或设计交付快速构建 CSS 调色板。
  • 比较图像中某个主色与辅助强调色各占多少。
  • 处理私密图片时无需将文件发送到服务器。

导出选项

结果可复制为纯 HEX 列表、CSS 自定义属性或 JSON。当你需要 --palette-1 之类的变量时,CSS 格式很有用;JSON 则会将颜色 格式和主色占比保存在一起,方便脚本或设计自动化使用。

注意事项

  • 调色板提取是近似的。它用于生成有用的视觉分组,而不是完整 记录每个像素的颜色。
  • 默认会忽略透明像素,避免图标和抠图影响调色板;当透明本身 也是作品的一部分时,可以关闭此选项。
  • 精确质量设置会采样更多像素,在非常大的图像上可能更慢。