图片颜色提取器
从图片提取最多 12 组 RGB 颜色,按可见分析样本的 alpha 加权占比排序;可复制 HEX 或下载 JSON 调色板。
打开工具 — 图片颜色提取器图片颜色提取器 vs 图片平均色提取器
直接结论: 图片颜色提取器把解码后的 RGB 分进固定色桶,按可见分析样本中的 alpha 加权占比排序最多 12 组;大图会先缩小。 图片平均色工具从 Canvas 分析像素算出一个 alpha 加权 RGB 平均值;超过 400 万像素的大图先缩小,因此结果是估算。
| 图片颜色提取器 | 图片平均色提取器 | |
|---|---|---|
| 用途 | 从图片提取最多 12 组 RGB 颜色,按可见分析样本的 alpha 加权占比排序;可复制 HEX 或下载 JSON 调色板。 | 计算图片的 alpha 加权平均色:透明像素不计入,大图先缩至 400 万像素内再测量;结果以 HEX、rgb()、rgba() 给出,点击即可复制。 |
| 输入 | 一张 PNG、JPEG 或 WebP 图片 | 一张 PNG、JPEG 或 WebP;解码后的可见像素按 alpha 权重参与平均。 |
| 输出 | 最多 12 组 RGB 颜色,可复制 HEX 或下载 JSON;样本加权占比总和可能低于 100%。 | 一个 alpha 加权平均色,输出为 HEX、rgb() 或 rgba(),透明像素被忽略 |
| 典型场景 | 从照片、截图或品牌素材中构建调色板 | 单一代表色:占位背景或氛围色调 |
关键差异
提取器按覆盖占比排序出多个主色;平均色工具把整图混合成一个平均颜色。
两者都接受 PNG、JPEG、WebP 图片;提取器只需指定颜色数量,平均色工具则对所见全部像素取平均。
提取器输出最多 12 个带占比的颜色和 JSON 调色板;平均色工具只输出一个 HEX、rgb() 或 rgba() 值。
做调色板、主题和设计令牌选提取器;要底色、占位背景或氛围色调选平均色工具。
从图片提取最多 12 组 RGB 颜色,按可见分析样本的 alpha 加权占比排序;可复制 HEX 或下载 JSON 调色板。
打开工具 — 图片颜色提取器计算图片的 alpha 加权平均色:透明像素不计入,大图先缩至 400 万像素内再测量;结果以 HEX、rgb()、rgba() 给出,点击即可复制。
打开工具 — 图片平均色提取器相关对比