图片换色

替换 PNG 或 JPG 里的颜色 —— 保留明暗,所以照片看起来还是照片。

100% 隐私安全 — 完全在您的浏览器中运行。您的数据在本地设备上处理,绝不会发送到互联网。

点击上传,或把 PNG、JPG 拖进来

PNG、JPG、WebP 或 GIF —— 在浏览器里换色,绝不上传

关于替换图片里的颜色

一件红夹克得变成蓝的。品牌色换了,可四十张截图还是旧颜色。一款产品有六种配色,照片却只有一张。

最直觉的做法是选中那个颜色、用新颜色灌进去,而结果总是不对劲:夹克变成了一块平平的蓝色剪影,连一道褶皱都没有。让它看起来像夹克的,本来是明暗 —— 几百种略有差别的红 —— 而灌色把这些统统丢掉了。

这个工具在换色的同时保留明暗。 夹克上的每一种红,都会变成对应的那一种蓝:高光还是亮的,褶皱还是暗的,看起来依然是一张夹克的照片。

这份列表是什么

PNG 和 JPG 里并没有像 SVG 那样的颜色清单 —— 一张照片轻轻松松就含有二十万种不同的颜色。所以图下面这张表,是这张图主要由哪些颜色构成:把几乎相同的深浅归成一组,再按它们占画面的多少排序。

如果是 logo、图标、截图或平涂的画,这份列表就是实实在在的那些颜色,改其中一个是精确的。

如果是照片,每一行代表的是一整族深浅 ——「那些红」,而不是某一个红。正是这一点让结果可用,也正因如此,下一个设置才重要。

颜色要接近到什么程度

它决定有多少深浅会跟着你选的那个颜色一起变。

  • 太窄,夹克只改了一部分,旧颜色留下一块块斑点。
  • 太宽,改动会渗到你没打算动的地方 —— 红夹克把棕色的门也一起带走了。

从中间开始,一点点挪动,直到改动的边界落在你想要的位置。匹配的边缘是渐隐的而不是一刀切的,所以颜色停止的地方不会出现锯齿状的硬边。

保留明暗

默认打开。这正是「换过颜色的照片」和「一张贴纸」之间的差别。

打开时,每个像素保留自己的明暗,只有色相和鲜艳度移到新颜色上。关掉时,所有匹配到的像素都会变成你选的那个颜色 —— 平涂的画、logo、纯色背景就该这样,因为它们本来就没有明暗需要保留。

把某个颜色变成透明

每一行的颜色旁边都有一个橡皮擦。按下它,这个颜色就不是被替换,而是被去掉 —— 那些像素会变成透明,而不是变成别的颜色。

要把 logo 或图标的纯色背景抠掉,这是最快的办法:在图里点一下背景,按下橡皮擦,保存为 PNG。边缘的渐隐同样有效,所以交界处是柔和过渡而不是硬生生咬掉一块。

只有 PNGWebP 能保存透明。如果你选了 JPG,页面会提示你,因为 JPG 只能把被清除的区域存成白色。

点击图片

列表是起点,不是限制。在「修改后」的图上点任意一处,工具就会针对你点到的那个颜色:它会选中这个颜色所属的那一行,如果它和任何一行都不接近,就新增一行。

这通常是最快的入口:点你想改的那个东西,然后决定它变成什么。

不上传任何文件

图片是在你的浏览器里读取、换色和保存的,绝不会到达服务器。对产品图、客户的素材、有人物的照片来说,这一点很重要。

这也意味着不用等上传、不用排队,而且页面加载完之后断网也能继续用。

人们用它来做什么

  • 改变产品的颜色,让一张照片覆盖整个系列
  • 品牌色变更之后,更新截图
  • 给只剩 PNG 版本的 logo 或图标换色
  • 做出同一张图的浅色版和深色版
  • 不抠图就换掉背景色
  • 在定下来之前先试色,因为你一选,图就跟着变

需要知道的事

  • 两个预览是同样大小的修改前和修改后,所以这个对比是诚实的
  • 默认保存为 PNG,无损而且保留透明;当文件大小更重要时,还有 JPG 和 WebP
  • 透明的像素仍然透明;JPG 存成 JPG 会被重新编码一次,如果之后还要继续编辑,请存成 PNG
  • 特别大的图片会被缩小以便处理,而且页面会明说,不会悄悄改尺寸
  • 它针对的是颜色,不是物体 —— 如果两样不同的东西颜色相同,两个都会变。照片里遇到这种情况,请先用 抠图去背景 把主体抠出来
  • 如果是 SVG,请用 SVG 换色,它改的是真正的颜色值而不是像素
  • 如果只是想读取图里的颜色而不是改它,请用 图片取色

怎么用

  • 点击点击上传,或者把 PNG、JPG 拖到方框上
  • 这张图由哪些颜色构成,会列在下面的表格里
  • 图里的某个颜色跳到对应的行,或者直接从列表里选一行
  • 在右边设置新颜色,用取色器或直接输入十六进制值
  • 调整颜色要接近到什么程度,直到改动覆盖你想要的范围
  • 照片就保持保留明暗打开;平涂的画就关掉它
  • 或者按某一行的橡皮擦把那个颜色整个去掉,然后保存为 PNG
  • 点击下载图片

相关工具

我们会定期添加新工具——在 YouTube 上订阅,即可在每个新工具上线时收到通知。

更多工具

查看全部

推荐应用

查看全部