图片颜色替换工具

功能介绍

这是一款纯前端在线图片颜色替换工具，可以帮您将图片中指定范围内的颜色替换为另一种颜色，支持容差调整、保留原始透明度和明度，处理过程完全在您的浏览器中完成，无需上传到服务器。

使用方法

1. 点击「上传图片」按钮选择需要处理的图片，图片会显示在画布中。
2. 点击图片上您想要替换的颜色，工具会自动获取该颜色作为原颜色，也可以直接通过颜色选择器选择原颜色。
3. 选择您想要替换成的目标颜色。
4. 拖动滑块调整容差，数值越大，替换的颜色范围越广。
5. 根据需要勾选「保留原始透明度」或「保留原始明度」选项。
6. 点击「替换颜色」按钮完成替换，预览效果后可以点击「下载PNG」保存处理后的图片，如果对效果不满意可以点击「撤销」回到上一步。

计算原理

工具通过以下步骤完成颜色替换：

1. 获取原颜色和目标颜色的RGB值。
2. 遍历图片中每个像素，计算当前像素颜色与原颜色的欧氏距离。
3. 如果距离在设置的容差范围内，则替换像素颜色：
   • 如果勾选保留明度，则保留原像素的明度，只替换色相和饱和度。
   • 如果勾选保留透明度，则保留原像素的透明度，不修改透明度值。
4. 将处理后的像素数据渲染到画布，完成替换。

欧氏距离计算公式：
distance = √[(R₁-R₂)² + (G₁-G₂)² + (B₁-B₂)²]

注意事项

• 大尺寸图片处理可能需要稍等片刻，请耐心等待。
• 结果仅供参考，不构成专业设计建议。