指南

如何从图像中提取主色和调色板

提交图像数据并设置颜色数量后,工具会返回主色调色板及其 RGB、十六进制值、像素数量和百分比。请记住,颜色统计基于转换为 RGB 并缩放到 150×150 像素后的图像。

工具 图片取色工具

先了解工具能提供什么

这款图像取色工具适合从照片、插画或界面截图中整理主色和配色参考。提交图像后,它会分析图像数据,返回主色调色板,并同时提供每种颜色的 RGB 值、十六进制颜色值、像素数量和占比,以及图像的原始尺寸和统计出的不同颜色数量。

操作步骤:上传图像并获取主色

  1. 准备一份可读取的图像数据,并在图像输入处提交。该输入可以留空,但没有提供图像数据时,处理会失败。
  2. 设置希望获取的颜色数量;不填写时使用默认值 5。即使输入更大的数字,结果中的颜色条目也不会超过 10 个。
  3. 开始分析,等待处理结果。工具会先解码所提交的图像数据,打开图像并转换为 RGB,再将图像缩放到 150×150 像素后统计颜色。
  4. 查看返回的调色板。每个选中的颜色通常包含 RGB 三元组、小写十六进制表示、像素数量和四舍五入到两位小数的百分比。工具会按照缩放后 RGB 像素的出现频率选择较主要的颜色,并受到所请求颜色数量的限制。
  5. 另外核对图像摘要,其中包括统计出的不同颜色数量和原始图像尺寸。如果解码、打开或图像处理过程中出现异常,或者相关图像处理依赖不可用,结果会是不成功的。

如何理解结果与分析边界

先看颜色条目,再结合占比判断哪些颜色在缩放后的图像中出现得更频繁。RGB 和十六进制值可用于后续配色记录;像素数量和百分比则用于比较调色板中的相对分布。颜色数量设为 5 时,结果最多按请求返回 5 个条目;设置更高数量也不能超过 10 个。

需要特别区分两类尺寸:颜色统计基于缩放到 150×150 像素后的 RGB 图像,而摘要中的图像尺寸是原始尺寸。因此,颜色数量、占比和原图逐像素查看的结果不应直接视为同一统计口径。带透明通道的图像也不能按原始通道状态解读,因为分析前会转换为 RGB。

使用示例

你要为一张 1200×800 的产品照片整理网页配色,因此提交照片并请求 5 个主色。

为一张原始尺寸为 1200×800 的产品照片提交可读取的图像数据,将颜色数量设为 5,然后查看返回的调色板和图像摘要。

结果会包含一组颜色条目;每个条目提供 RGB 三元组、小写十六进制值、像素数量和两位小数百分比,并附带统计出的不同颜色数量和原始尺寸 1200×800。

使用限制

  • 颜色统计并非直接基于原始像素:图像会先转换为 RGB 并缩放到 150×150 像素,再按像素频率选择颜色;透明通道和原始像素尺寸不能按原状态解读。

常见错误

  • 如果提交后直接失败,先检查图像数据是否实际传入且能够被读取;空输入会导致缺少图像数据,解码或图像处理异常也会返回不成功的结果。

常见问题

可以指定要提取的颜色数量吗?

可以,但不填写时使用默认值 5,结果最多包含 10 个颜色条目;更大的请求数量不会突破这一上限。

结果中的颜色占比是按原图计算的吗?

颜色占比和像素数量来自转换为 RGB 并缩放到 150×150 像素后的图像;摘要另行报告原始图像尺寸。

没有上传图像时还能得到调色板吗?

需要提供可处理的图像数据。输入为空时会因没有图像数据而失败;图像解码、打开或处理出现异常时,也会返回不成功的结果。

工具

图片取色工具