CSS 滤镜生成器

什么是在线 CSS 滤镜生成器？

CSS 滤镜生成器 是一款功能全面的免费在线工具，帮助你通过可视化调节为图片添加 CSS filter 滤镜效果。无需编写代码，通过滑块和参数面板实时调整，一键生成可直接使用的 CSS 代码。

核心功能

• 10 种滤镜参数 — 模糊(blur)、亮度(brightness)、对比度(contrast)、灰度(grayscale)、色相旋转(hue-rotate)、反色(invert)、透明度(opacity)、饱和度(saturate)、棕褐(sepia)、投影(drop-shadow 支持 X/Y/模糊/颜色)
• 10 种预设方案 — 复古、黑白、日系清新、冷色调、暖色调、怀旧棕褐、胶片、高对比、漂白、Lomo
• 拖拽排序 — 拖拽滤镜项目调整应用顺序，支持独立开关
• 三种对比模式 — 左右并排、滑动对比（拖拽分割线）、重叠对比（悬停显示原图）
• 多图批量预览 — 同时加载最多 3 张图片，统一应用滤镜效果
• Undo/Redo — 支持 20 步历史记录回退，Ctrl+Z / Ctrl+Shift+Z
• 颜色滤镜转换器 — 输入源颜色和目标颜色，计算近似滤镜值
• 自定义方案管理 — 保存/加载/删除自定义滤镜方案到浏览器本地
• URL Hash 分享 — 通过 URL 参数分享当前滤镜配置
• 下载 PNG — 将滤镜效果导出为 PNG 图片

隐私保护

所有图片处理完全在您的浏览器中完成，图片不会上传到任何服务器。您可以放心使用。