CSS Filter 函数叠加器
CSS Filter 生成器把 blur、brightness、contrast、saturate、grayscale、sepia 等函数按需串接,滑块调参并即时作用在预览图上,输出可复用的 filter 声明,给图片或元素做非破坏性的调色与虚化。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算,输入内容不会离开您的设备。
怎么用
- 逐个添加滤镜函数
- 用滑块调各函数强度
- 对照预览确认效果
- 复制合成的 filter 值
典型场景
缩略图统一加轻微灰度与对比
背景图模糊突出前景内容
为悬停图片加饱和过渡效果
常见问题
多个滤镜顺序重要吗?
有,函数按书写顺序依次作用,顺序不同结果不同。
和 canvas 处理差别?
filter 是渲染层非破坏效果,不改动原始像素。
移动端支持好吗?
主流浏览器均支持常见函数,复杂叠加注意性能。