转换图片转灰度

使用方法

1. 点「选择图片」挑一张本地图片，或直接使用页面打开时自带的演示渐变图。图片不会上传，只在本机浏览器里处理。
2. 想让结果更亮或更暗，拖动「亮度微调」滑块，范围 −100 到 100，默认 0。每拖动一下都会按当前灰度重新叠加亮度并即时刷新。
3. 选好「导出格式」：要无损就用 PNG；想压体积就选 JPEG，质量由下方质量滑块控制。点重新灰度化可随时按新参数重算。
4. 满意后点下载结果，浏览器会把灰度画布导出成对应格式的图片存到你本地。整个过程不调用任何服务器接口。

这个转换图片转灰度工具能解决什么问题

一是快速去色做素材。做 PPT、打印稿、印章底图时经常需要纯灰阶图，本工具一键把彩色压成灰度，比在修图软件里找菜单更快。

二是统一视觉比重。彩色容易让某一块颜色抢眼，转成灰度后能更客观地看构图明暗；设计师常用这招检查对比是否足够。

三是减小体积与兼容。灰度图信息量比彩色少，配合 JPEG 导出能明显变小；老设备、单色屏或某些打印流程也只认灰阶。

本页不做这些事：它不调色相、不裁切、不加水印、不做二值化（纯黑纯白），也不做锐化或降噪；这些请改用图片工具里的调色、裁剪、压缩等专门页面。

灰度算法原理与技术内核

本转换图片转灰度工具对每一个像素独立计算一个灰度值，公式是 灰度 = 0.299 × R + 0.587 × G + 0.114 × B，算完把得到的数字同时写回红、绿、蓝三个通道，像素就变成灰色。之所以三个通道填同一个数，是因为当 R=G=B 时人眼看到的就是中性灰，没有残留颜色。

这一步的技术内核可以拆成六个具体问题：

1. 调用了哪个函数与公式：逐像素用 0.299*R + 0.587*G + 0.114*B 求值，再用 Math.round 取整到 0–255 整数；系数来自 ITU-R BT.601 的亮度（luma）权重，是标清电视时代定下的标准。
2. 关键参数为什么取这三个系数：人眼对绿色最敏感、对蓝色最不敏感，所以 G 的权重 0.587 最大、B 的权重 0.114 最小。若改成简单平均 (R+G+B)/3，绿色和蓝色的视觉亮度会被错估，灰阶看起来会偏亮或偏暗。
3. 遵循哪个标准：系数取自 BT.601（亦称 Rec. 601）的 luma 定义；高清与超高清另有 BT.709、BT.2100 权重，但本工具面向普通图片去色，沿用最通用、兼容性最好的 601 系数。
4. 输入经过怎样的转换得到输出：先 getImageData 取出每个像素的 R、G、B（和透明度 A），套公式算灰度 g，再把该像素写成 (g, g, g, A)；亮度微调是在 g 上再叠加一个 −100 到 100 的整数，最后用 putImageData 写回画布。
5. 边界与阈值：每个通道是 8 位，合法范围 0–255；叠加亮度后若低于 0 按 0 计、高于 255 按 255 计，避免出现非法颜色值。画布像素总量受浏览器限制，超大图片建议先缩小再处理；公式只有整数乘法与加法，不存在浮点累积误差导致的颜色漂移。
6. 常见误用的正确解释：第一，「灰度」不是「黑白二值」，本工具保留 256 级灰阶而不是只留纯黑纯白；第二，JPEG 是有损格式，反复导出会慢慢劣化，需要反复编辑请改用 PNG；第三，带透明度（A 通道）的 PNG 转灰度后透明区域仍透明，不会被填成白色或黑色。

完整示例（数值为真实计算结果）

• 示例一（纯红）：像素 (255, 0, 0) → 0.299×255 + 0.587×0 + 0.114×0 = 76.245，取整为 76。红色偏暗，符合人眼对红不敏感的直觉。
• 示例二（纯绿）：像素 (0, 255, 0) → 0.587×255 = 149.685，取整为 150。绿色权重最大，所以同样亮度下绿色灰度最高。
• 示例三（纯蓝）：像素 (0, 0, 255) → 0.114×255 = 29.07，取整为 29。蓝色灰度最低，看起来最暗。
• 示例四（中灰）：像素 (128, 128, 128) → 各通道相等，公式结果就是 128，灰度前后完全一致，说明中性灰不会被改变。
• 示例五（演示渐变）：打开页面自带的六色块渐变，逐像素灰度后平均灰度约 130，结果区会直接报出这个数字。

输入范围与像素灰度对照表

下表给出十二种典型颜色的 RGB 与按 BT.601 算出的灰度值（亮度微调为 0），前 12 行直接显示，点「加载更多」展开剩余两行。可导出 CSV（带 BOM）或 JSON（不带 BOM），也可一键复制 TSV。

边界、精度与常见误用

• 只能处理图片：选中的文件若不是图片类型，本工具会用红字提示「只能处理图片文件（jpg、png、webp 等）」，不会把乱码当像素去算。
• 亮度边界：滑块限定 −100 到 100、步进 1；叠加到灰度后超出 0–255 的部分会被夹到边界，所以再亮的图也不会出现非法颜色值。
• 格式选择：选 JPEG 时按质量滑块导出（默认 92）；选 PNG 时质量滑块不参与，因为 PNG 本身无损。需要反复编辑请保留 PNG。
• 透明度保留：带 Alpha 通道的 PNG，转灰度后透明区依旧透明，不会凭空填白或填黑；若你要纯白底，请先在原图垫一层白底再上传。
• 超大图限制：浏览器对单张画布像素总量有上限，特别大的图直接处理可能失败；遇到这种情况请先用图片压缩或尺寸调整工具缩小，再回来转灰度。
• 仅本地处理：本转换图片转灰度从读取文件到导出结果都在本机完成，页面不发起任何网络请求，图片不会离开你的设备。

常见问题

相关工具

• 调色工具：在色相、饱和度、明度之间调整，和灰度化是互补的两种色彩处理思路。
• BMI 图表：用图表直观对比指标，和本页一样强调可视化对比而非复杂计算。
• 颜色盲测测试：检查你对颜色的辨别能力，转灰度前先确认颜色信息是否重要。
• 二维码生成器：把文字或链接生成为二维码，灰度图常作为二维码的底图素材。
• 饼图图表生成：另一种把数据画成图表的本地工具，结果同样可直接复制或导出。
• 条形图图表生成：用横向条形对比数据，与柱状思路一致，适合不同版面。