分析器会把工作副本缩小到合适尺寸,将相近的 RGB 像素分为5组,再返回最大一组的中心颜色。透明像素不参与计算。照片经过压缩或出现细微明暗变化时,往往会产生数千种近似颜色,因此这种方法比逐个统计完全相同的像素更实用。
图片取色:提取主色
全程在浏览器中运行,无需上传,无需注册。
如何用图片取色并提取主色?
图片取色器会分析画面,找出可见面积最大的颜色。添加照片、Logo 或截图,即可获得一个代表色及其 HEX、RGB 和 HSL 数值。抽样和计算都在浏览器中完成,原始文件不会上传到服务器。
使用方法
- 1选择图片. 拖入支持的位图,从设备中选择文件,或加载内置示例。
- 2查看结果. 工具会对图片抽样,并显示主色及其预计覆盖比例。
- 3复制颜色数值. 点击所需 HEX、RGB 或 HSL 数值旁的复制按钮。
适用人群
- 品牌设计师可以从 Logo、商品照片或活动图片中提取一个代表色。
- Web 开发者可以把主视觉图片转换成可复制的 CSS 颜色,用于匹配背景和占位区域。
- 内容创作者可以识别缩略图、社交媒体图片和视频画面的主要色调。
- 摄影师可以比较一组修图作品中不同颜色所占的比重。
常见问题
图片会上传到服务器吗?
不会。浏览器会解码所选文件,在 Canvas 中绘制缩小的工作副本,并在本地分析像素。此工具不会把图片文件或像素数据发送到服务器。
图片主色提取免费吗?
免费。无需注册账号或安装软件,就能分析图片并复制结果。工具没有按图片计次的额度,也不会添加水印。
支持哪些图片格式?
只要浏览器能够解码,就可以选择 PNG、JPG、WebP、GIF、AVIF 和 BMP 文件。对于动图,工具会分析浏览器解码时渲染的那一帧。如果需要可重复的结果,请使用静态图片。
图片主色是怎样计算的?
工具先缩小图片并忽略透明像素,再用确定性的 k-means 聚类处理其余 RGB 数值。像素最多的一组被视为主色,其红、绿、蓝三个通道的平均值就是最终显示的颜色。
为什么其他取色工具给出的结果不同?
主色是估算结果,不是文件自带的属性。不同工具可能使用精确直方图、中位切分、k-means、不同抽样尺寸或不同透明度规则。裁剪范围和背景面积也会改变像素最多的颜色组。
这个工具能提取完整色板吗?
不能。本页只回答一个问题,因此仅返回一种主色。色板提取器解决的是另一项任务,它会保留多个代表性颜色组,而不是只选择最大的一组。