浏览器本地图片换色

图片颜色替换 精确控制每个像素

使用图片颜色替换工具,点击图片拾取原颜色,选择目标颜色,预览所有受影响像素,再确认应用。它适合像素画换色、图标改色、透明 PNG 和简单插画,不会自动识别衣服、头发或背景。

支持精确与容差匹配、三种替换范围、保护画笔、撤销和本地 PNG 导出。

在线图片颜色替换工具

上传图片,点击原颜色并设置目标颜色,先查看粉色受影响区域遮罩,再确认应用。青色保护遮罩中的像素不会变化。

颜色匹配方式
替换范围
画布操作

受影响区域预览

受影响像素
0
可见像素占比
0%
处理尺寸
—
导出格式
PNG

处理在浏览器本地完成。导出 PNG 会保留每个像素原有的 Alpha 透明度,目标颜色不会把透明像素变成不透明。

点击图片,拾取需要替换的原颜色。

拖入图片开始换色

上传图片后点击一个像素取得原颜色,确认受影响遮罩准确,再选择新颜色并应用。

可拖放、选择或粘贴 PNG、JPG、WebP;图片只在浏览器本地处理。

请先上传图片,再点击拾取原颜色。

原始图片调色板

点击常用色块可快速设置原颜色,处理像素画和扁平图标时更高效。

上传图片后显示使用最频繁的颜色。

图片换色与素材优化工具

把在线图片换色与调色板、像素画工具组合使用,得到更整洁的素材。

根据调色板进行图片颜色替换

先提取主色和 HEX 色值,准确选择原颜色并记录新配色。

调色板
提取图片颜色

像素画换色后无损放大

创建新配色后,用最近邻算法放大精灵图,保持边缘锐利。

像素画
放大像素画

先转像素画再修改图片颜色

复杂图片先缩减成有限配色的像素画,通常更容易获得干净、可控的替色效果。

转换
图片转像素画

看清范围后再做图片颜色替换

临时遮罩会在应用前标出颜色规则命中的所有像素。

用图片颜色替换制作像素画配色版本

点击精灵图中的颜色,或从原始调色板选择色块,再设置目标颜色。硬边像素画建议使用精确匹配;所有命中像素会变成同一个目标 RGB 值,同时保留原有透明度。

两枚造型相同但使用红色和紫色配色的像素火箭

区分全图替色与相邻区域替色

全图匹配会同时改变所有分散但同色的像素;仅相邻区域从点击位置出发,只沿着连续的匹配像素扩展。框选可以把规则限制在指定矩形内,保护画笔则排除绝对不能变化的位置。

全部同色形状换色与只替换一个相邻形状的对比

如何准确完成在线图片换色

先取原颜色,再收窄匹配规则,检查遮罩无误后才应用。

01

1. 点击像素拾取原颜色

上传或粘贴图片,选择点击取色,再点击画布中的原颜色。处理像素画时,也可以从常用调色板直接选色。

  • 尽量使用原始透明 PNG
  • 扁平颜色先用精确匹配
拾取原颜色
02

2. 选择正确的替换范围

整张素材统一换色时选全图匹配;同色元素彼此分离时选仅相邻区域;只改局部时使用指定选区。再用青色保护画笔标记不能变化的细节。

03

3. 检查遮罩后应用新颜色

只有边缘色、阴影或压缩造成的近似色遗漏时才打开相近颜色匹配。逐步提高容差,查看粉色遮罩和像素数量,应用后如范围过大可立即撤销。

图片颜色替换常见问题

围绕图片换色、修改 PNG 颜色、像素画换色和颜色容差的常见搜索问题。

图片颜色替换的精确匹配是什么?

精确匹配会比较每个可见像素的红、绿、蓝数值,只有与原颜色完全相同的像素才会命中。它适合像素画、扁平图标、Logo 和颜色定义明确的透明 PNG。

在线图片换色中的颜色容差有什么作用?

颜色容差会扩大原颜色附近可接受的 RGB 距离。低容差只包含非常接近的颜色;高容差可能包含阴影、高光、抗锯齿边缘,也可能误选无关颜色。请一边查看粉色遮罩一边缓慢提高。

全图颜色替换与仅相邻区域有什么区别?

全图匹配会搜索整张图片或选区,即使同色像素彼此不相连也会改变。仅相邻区域从点击的起始像素出发,只沿着符合规则的邻近像素扩展,适合同一颜色出现在多个独立对象中的情况。

可以只在指定选区内修改图片颜色吗?

可以。先拾取原颜色,再选择“仅指定选区”和“框选区域”,在画布上拖出黄色方框。只有方框内符合颜色规则的像素会显示在遮罩中并被替换。

在线修改 PNG 颜色会保留透明背景吗?

会。工具只修改 RGB 数值,并保留每个像素原有的 Alpha 透明度;完全透明像素不会参与匹配,因此下载的 PNG 仍保持透明背景。

这个工具适合像素画换色吗?

适合。像素画和精灵图通常使用数量少、边缘明确的调色板,精确匹配可以稳定完成 Palette Swap。点击原始调色板中的常用色块,还能避免手动猜测 HEX 色值。

图片颜色替换能自动识别衣服、头发或背景吗?

不能。这是按像素颜色条件处理的工具,不是理解对象的 AI 编辑器。像素是否变化取决于颜色规则,而不是它属于什么物体;同色区域请用选区、仅相邻区域或保护画笔控制。

怎样防止在线图片换色误改 Logo 细节?

选择保护画笔,在不能变化的细节上涂抹青色遮罩,然后回到点击取色。即使这些像素符合原颜色和容差,也会从受影响区域中排除。

在线图片换色会上传我的文件吗?

不会。浏览器使用 Canvas 在本地读取和修改像素,下载文件也在你的设备上生成,图片无需发送到本站服务器。

现在开始图片颜色替换

拾取原颜色,选择新颜色,并在应用前确认受影响像素遮罩。

像素画与图标优先使用精确匹配,简单插画的边缘色再逐步增加容差。

替色依据像素值,不会理解语义对象;原始文件不会被覆盖。