首页›文本·编码·数据›CSS Filter 函数叠加器

CSS Filter 函数叠加器

CSS Filter 生成器把 blur、brightness、contrast、saturate、grayscale、sepia 等函数按需串接,滑块调参并即时作用在预览图上,输出可复用的 filter 声明,给图片或元素做非破坏性的调色与虚化。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 逐个添加滤镜函数
  2. 用滑块调各函数强度
  3. 对照预览确认效果
  4. 复制合成的 filter 值

典型场景

缩略图统一加轻微灰度与对比
背景图模糊突出前景内容
为悬停图片加饱和过渡效果

常见问题

多个滤镜顺序重要吗?

有,函数按书写顺序依次作用,顺序不同结果不同。

和 canvas 处理差别?

filter 是渲染层非破坏效果,不改动原始像素。

移动端支持好吗?

主流浏览器均支持常见函数,复杂叠加注意性能。

相关工具