软件从业者工具箱

功能说明

在浏览器本地对图片做实时调色与滤镜处理，支持亮度、对比度、饱和度、色相、模糊、锐化、复古（褐色）、 灰度（黑白）与反相九类调整，左右并排对比原图与效果图，满意后导出 PNG 或 JPEG。 所有运算基于 Canvas 2D，不上传图片、不发起任何网络请求。

参数说明

亮度：整体提亮或压暗，100% 为原始亮度。逆光照片可以适当提高到 110%～130%。

对比度：拉开明暗差距。数值过高会丢失暗部与高光细节，建议控制在 90%～140%。

饱和度：色彩浓淡。设为 0% 等价于去色（黑白）。

色相旋转：沿色轮整体旋转颜色，用来做冷暖调偏移或者特殊风格。

模糊：高斯模糊半径（像素），可用于做背景虚化或柔光底。

复古：sepia 褐色调，配合略降饱和度可以模拟老照片。

黑白：grayscale 去色强度，100% 为完全黑白。顶部的「一键黑白」会直接把黑白拉满并把饱和度归零。

锐化：使用 3×3 卷积核（中心 5，四邻 -1）按强度与原图混合，可以让轮廓更清晰。强度过高会出现白边和噪点。

关于预览与导出的精度

为了保证滑块拖动时的流畅度，预览画面最长边会被限制在 1200 像素以内； 点击导出时会按图片的原始分辨率重新完整跑一遍同样的处理流程， 所以导出结果的清晰度不受预览缩放影响。超大图片（如 6000 像素以上）开启锐化时导出会稍慢，属正常现象。

导出格式选择

PNG：无损，保留透明通道，适合图标、截图、需要二次编辑的素材。

JPEG：有损但体积小，可调质量，适合照片。注意 JPEG 不支持透明，透明区域会被填充为白色。

浏览器兼容性

滤镜依赖 Canvas 的 filter 属性，Chrome、Edge、Firefox 与 Safari 15 以上均支持。若发现调节无效，请升级浏览器。