图片工具 · 编辑变换

反色/黑白

反相/灰度/二值化

✓本地处理 · 不上传 ✓免费 · 无需登录 ✓无次数限制 累计 129 次使用
反相 · 灰度多算法 · 二值化 Otsu · 本地
拖入 / 点击 / 粘贴图片

支持 JPG · PNG · WebP · GIF · BMP · AVIF · 单图
截图直接 CtrlV 粘贴

Processed locally — nothing uploaded
拖入 / 粘贴图片后,
在此实时预览,并拖动中线对比原图与处理后
隐私:反相 / 灰度 / 二值化全在浏览器 Canvas 像素级实时完成,原图不离开本机,不上传任何服务器。预览按显示分辨率渲染(丝滑),导出按原图全分辨率应用同一处理链。二值化建议导出 PNG 无损。
就绪 · 拖入或粘贴图片开始
第一节

关于本工具

About

一张照片拍完发现颜色不对,或者想打印资料省墨——反色、灰度、二值化是三种最直接的图像调整手段。这个工具让用户上传图片后,实时预览反相(负片效果)、灰度(去色保留亮度信息)、二值化(按阈值转为纯黑白)三种结果,适合设计师快速出效果图、文档扫描者做OCR预处理、或单纯想换个视觉风格。所有处理在浏览器本地完成,图片不上传服务器,敏感文件也能放心用。

使用场景

壹

古籍电子化修图

地方志数字化团队扫描了 300 页民国老县志,原书纸张泛黄、墨迹深浅不一,OCR 识别率只有 40%。用本工具的二值化功能,阈值设在 128,把灰度图转为纯黑白位图,去掉了黄底和洇墨,识别率直接拉到 92%。处理一页只需 0.5 秒,300 页十分钟跑完,比人工用 Photoshop 逐张调色快 60 倍。

贰

电路板丝印提取

硬件工程师拿到一块报废的旧主板,想抄它的走线布局,但板子上的白色丝印字符被助焊剂和灰尘糊住,手机拍出来根本看不清。把照片拖进工具做反色处理,原本灰底白字变成白底黑字,字符轮廓清晰到能直接导入 EDA 软件做标注。省了拿酒精棉片擦半小时板子的功夫。

叁

医院 X 光片翻拍比对

骨科医生要把患者 2018 年和 2023 年两次的胸椎 X 光片放在同一张 PPT 里对照,但原片是黑白负片,翻拍成数码照片后背景发灰、骨头白得刺眼。用灰度模式统一拉平两张片的亮度曲线,再把其中一张做反相,让骨骼区域一黑一白,叠在一起看骨质增生范围一目了然。

肆

黑白激光打印省墨

印刷店接到一个 200 页的彩色 PDF 课件,客户要求全部用黑白激光机打印,每页成本控制在 5 分钱以内。原文件里有大量蓝色背景的图表和红色批注,直接打印会变成一团灰。用灰度转换把彩色信息按 0.299R+0.587G+0.114B 的权重映射到 256 级灰度,蓝色底变浅灰、红字变深灰,打印出来每页碳粉消耗减少 35%。

伍

车牌号夜间识别预处理

停车场道闸系统在凌晨三点抓拍到一辆车的侧后方照片,大灯直射导致车牌过曝,白底变成一片亮白,字符完全被光晕吞没。把图片做反相处理,过曝的白色区域变成深色,原本黑色的字符反而变成亮色,字符边缘的明暗对比从 1:1 拉大到 1:8,后续 OCR 模块一次识别成功,无需触发人工复核。

第二节

使用指南

Getting Started

使用步骤

  1. 1上传图片后,在「反相」模式下拉框中选择「灰度」或「二值化」效果
  2. 2点击「预览」按钮,右侧区域立即显示处理后的缩略图,原图保留在左侧
  3. 3拖动「阈值」滑块(仅二值化模式可见),预览图随滑块位置实时更新黑白分界点
  4. 4点击「下载」按钮,浏览器自动保存处理后的图片,文件名带效果后缀

输入输出示例

输入输出说明
一张彩色照片(RGB 值:R=128, G=64, B=192)反相结果:R=127, G=191, B=63常规:展示反相算法(每个通道 255 减原值)的基本运算,验证工具正确性
一张纯白色图像(R=255, G=255, B=255)反相结果:R=0, G=0, B=0(纯黑色)边界:纯白色反相后应为纯黑,验证极端亮度值的处理
一张纯黑色图像(R=0, G=0, B=0)反相结果:R=255, G=255, B=255(纯白色)边界:纯黑色反相后应为纯白,验证极端暗值的处理
一张灰度图像(所有像素 R=G=B,如 R=100, G=100, B=100)反相结果:R=155, G=155, B=155(仍为灰度)常规:灰度图反相后仍保持灰度(R=G=B),验证工具对灰度图的正确响应
一张包含透明通道(Alpha=0)的 PNG 图像反相结果:仅处理 RGB 通道,Alpha 通道保持不变(仍为 0)边界:透明像素的 Alpha 通道不应被反相,验证工具对透明度的正确处理
一张带噪点的低分辨率图像(如 32×32 像素,含随机 RGB 值)反相结果:每个像素的 RGB 值分别取反,噪点模式保留但颜色反转易错:用户可能误以为反相会消除噪点,实际噪点结构不变,仅颜色反转
一张纯红色图像(R=255, G=0, B=0)反相结果:R=0, G=255, B=255(青色)易错:用户可能预期反相后为绿色,实际应为互补色青色(红→青),验证对互补色关系的理解

常见错误对照

1.反色后保存为有损格式,丢失细节

✗ 错误反色后直接保存为 JPEG,图像边缘出现色块
✓ 修复反色后保存为 PNG 或 TIFF 格式

反色操作会改变每个像素的 RGB 值,JPEG 的有损压缩会引入新伪影;PNG 无损保存可保留反色后的精确像素。

2.灰度化后误以为图像是单通道,直接做二值化

✗ 错误对彩色图像直接点「二值化」,结果全是黑色或白色块
✓ 修复先点「灰度化」转为灰度图,再点「二值化」

二值化算法(如 Otsu)基于灰度直方图计算阈值;彩色图像有三个通道,直接二值化会分别处理每个通道,导致结果不可控。

3.二值化阈值设错,文字/线条消失

✗ 错误扫描文档二值化时阈值设为 200,浅色文字全变白
✓ 修复先用「自动阈值」或手动调至 128 附近,预览效果

二值化阈值决定像素被归为黑或白的分界点;阈值过高会丢失浅色内容,过低则背景噪点变黑。

4.对透明背景图片做反色,透明区域变黑

✗ 错误透明 PNG 反色后,原本透明背景变成黑色方块
✓ 修复反色前先「填充背景色」为白色,或使用支持 Alpha 通道的反色工具

反色只处理 RGB 通道,不处理 Alpha 通道;透明像素的 RGB 值通常为 (0,0,0),反色后变成 (255,255,255) 但 Alpha 仍为 0,显示为黑色。

5.灰度化后对比度不足,图像发灰

✗ 错误灰度化后图像整体偏灰,细节看不清
✓ 修复灰度化后使用「对比度增强」或「直方图均衡化」

标准灰度化公式(0.299R+0.587G+0.114B)会压缩动态范围;后续拉伸对比度可恢复层次。

6.反色后颜色失真,以为是工具 bug

✗ 错误反色后红色变成青色,认为工具算错了
✓ 修复反色公式为 (255-R, 255-G, 255-B),红色 (255,0,0) 反色后为 (0,255,255) 即青色

反色是逐通道取补色,不是简单「颜色颠倒」;红→青、绿→品红、蓝→黄是正常结果。

7.二值化后噪点过多,未做预处理

✗ 错误老旧照片直接二值化,背景布满黑白噪点
✓ 修复二值化前先「去噪」(如中值滤波或高斯模糊)

二值化对噪声敏感,单个噪点像素会直接变成黑或白块;预处理平滑可减少假阳性。

第三节

工作原理

How It Works

核心公式

G = 0.299R + 0.587G + 0.114B

变量说明

  • R红色通道值,0–255
  • G绿色通道值,0–255
  • B蓝色通道值,0–255

示例

像素 RGB(200, 100, 50):灰度值 = 0.299×200 + 0.587×100 + 0.114×50 = 59.8 + 58.7 + 5.7 = 124.2,取整 124,输出灰度像素 (124,124,124)。

原始像素反相:255 - R/G/B灰度:0.299R+0.587G+0.114B二值化:阈值比较(默认 128)输出灰度:阈值比较(默认 128)二值化图像(黑白)输出
输入数据 本地处理 输出结果
第五节

常见问题

Q & A
问怎么只把图片变反色,不改其他颜色?+
答

反色(反相)操作是针对整张图片的像素,每个颜色通道(R/G/B)分别取补值,所以一定会改变所有颜色。如果只想对局部区域做反色,需要先用其他工具处理选区,或者把图片裁剪成两部分分别处理后再拼合。本工具目前只支持整图反色,不支持选区操作。

问灰度、二值化、反色到底有啥区别?+
答

灰度是去掉色彩信息,只保留黑白灰亮度值(0-255)。二值化是把灰度图进一步变成纯黑(0)和纯白(255)两种颜色,中间需要设定一个阈值。反色则是每个像素的RGB值取补(255-原值),颜色会完全翻转。本工具三个功能独立,互不覆盖,可以先用反色再用灰度,效果不同。

问为什么二值化后图片细节全没了?+
答

二值化只有黑白两个值,任何灰度介于中间的区域都会被强制分到黑或白,所以细节必然会损失。可以尝试调整二值化阈值(本工具默认128),阈值越低,更多像素变黑;阈值越高,更多像素变白。如果原图对比度低或噪点多,建议先做灰度后再手动调节阈值,或者换用更精细的算法(如Otsu自适应阈值),但本工具暂不支持自适应。

问图片上传后会被服务器保存吗?隐私安全吗?+
答

本工具是纯浏览器端处理(FE),图片上传后直接在前端完成计算,不会发送到任何后端服务器。处理完的结果仅保存在浏览器内存中,刷新页面或关闭标签页后自动清除。不会上传、不会留存、不会用于任何其他目的。可以放心处理敏感图片。

问支持什么格式的图片?最大能处理多大?+
答

支持常见格式:JPG、PNG、GIF、BMP、WebP。GIF只处理第一帧,不支持动图分帧。图片大小受限于浏览器内存:一般建议单张不超过20MB,超过可能页面卡顿或崩溃。手机端因内存更小,建议控制在5MB以内。如果图片过大,先用其他工具压缩再上传。

问转换后图片变模糊了,怎么解决?+
答

反色/灰度/二值化本身不改变图片分辨率,模糊通常是浏览器显示缩放造成的。保存时请点击下载原尺寸图片,不要直接截图。如果原图本身分辨率低或压缩率高(如JPG质量70%以下),转换后像素感会更明显。建议用PNG格式保存,避免二次压缩。如果确实需要更高画质,先保证原图是高质量源文件。

问手机浏览器能用吗?操作跟电脑一样吗?+
答

手机浏览器完全可用,但操作体验略有差异:上传按钮在手机上是点选文件,不支持拖拽;二值化阈值调节建议用横屏模式,滑块更容易控制。处理速度取决于手机CPU,旧机型处理大图可能较慢。下载图片时,部分安卓浏览器会直接显示而不是保存,需要长按图片选择保存。

问为什么反色后图片颜色怪怪的,跟PS不一样?+
答

本工具的反色是标准的RGB取补(255-R, 255-G, 255-B),和Photoshop的“反相”效果完全一致。如果感觉不同,可能是原图带有色彩空间(如Adobe RGB或sRGB),浏览器显示时做了颜色转换。建议将原图转为sRGB后再上传,结果会更接近预期。另外,如果原图有透明通道(PNG),反色不会影响透明区域。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

↑↓选择 ↵打开 ⌘+↵新窗口 esc关闭