图片调色板提取器

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

选择图片

选择一张图片,在浏览器中本地取样

调色板设置

控制要提取的颜色数量以及排序方式

8

选择 3 到 12 种调色板颜色

质量

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

排序依据

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

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

调色板结果

查看、复制并导出提取出的调色板

尚未提取调色板

选择图片后即可查看主色和导出选项

此工具的作用

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

适合的使用场景

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

导出选项

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

注意事项

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

使用方法

选择图片 → 调整颜色数量 → 提取并导出配色