图片颜色提取器
从图片提取最多 12 组 RGB 颜色，按可见分析样本的 alpha 加权占比排序；可复制 HEX 或下载 JSON 调色板。
打开工具 — 图片颜色提取器图片颜色提取器 vs 图片拾色器
图片颜色提取器 与 图片拾色器 — 有什么区别？
直接结论: 图片颜色提取器把解码后的 RGB 分进固定色桶，按可见分析样本中的 alpha 加权占比排序最多 12 组；大图会先缩小。 图片拾色器通过 1 × 1 Canvas 读取解码后图片的单个坐标，不平均邻域；RGBA 可能与源文件编码字节不同。
图片颜色提取器 与 图片拾色器 的对比
| 图片颜色提取器 | 图片拾色器 | |
|---|---|---|
| 用途 | 从图片提取最多 12 组 RGB 颜色，按可见分析样本的 alpha 加权占比排序；可复制 HEX 或下载 JSON 调色板。 | 输入坐标或点击预览，读取浏览器解码后图片的单个 Canvas 像素，不做邻域平均；点击色块复制 HEX，或下载含 rgba() 的完整色值。 |
| 输入 | 一张 PNG、JPEG 或 WebP 图片 | 一张 PNG、JPEG 或 WebP 图片，外加要读取的像素位置 |
| 输出 | 最多 12 组 RGB 颜色，可复制 HEX 或下载 JSON；样本加权占比总和可能低于 100%。 | 一个解码后 Canvas 像素的 HEX、rgb()、rgba()；点击色块只复制 HEX。 |
| 典型场景 | 从照片、截图或品牌素材中建立调色板 | 对齐精确色值：按钮颜色、图表线条、设计稿中的某个像素 |
关键差异
图片颜色提取器 vs 图片拾色器
核心功能
取决于任务提取器把整幅图概括成按占比排序的调色板；拾色器不做邻域平均，只检查单个像素。
输入
取决于任务两者都接受 PNG、JPEG、WebP；拾色器还需要一个位置，来自点击或输入的 x/y 坐标。
输出
取决于任务提取器输出最多 12 个带占比的 HEX 颜色，可复制或下载 JSON 调色板；拾色器只输出一个 HEX、rgb() 或 rgba() 值。
适用场景
取决于任务做设计调色板和主题选提取器；取一次性精确色值选拾色器。
这两个工具
图片拾色器
输入坐标或点击预览，读取浏览器解码后图片的单个 Canvas 像素，不做邻域平均；点击色块复制 HEX，或下载含 rgba() 的完整色值。
打开工具 — 图片拾色器相关对比
更多 Toolars 工具对比
常见问题
图片颜色提取器 和 图片拾色器 有什么区别？
提取器把解码后像素放入固定 RGB 色桶，按可见分析样本中的 alpha 加权占比排序。最多返回 12 组，显示的占比不一定合计 100%。拾色器只读一个解码后的 Canvas 坐标，不做邻域平均，也不保证等于源文件的原始 RGBA 字节。
图片颜色提取器 和 图片拾色器 可以一起用吗？
可以。先用提取器确定图片的色系，再对特定位置——标志边缘、阴影处——用拾色器取单个像素的精确值。