CSS 滤镜顺序预览

1. 设置滤镜链

亮度、对比度、饱和度0–200%，灰度0–100%，模糊0–20px。函数按代码从左到右执行。

2. 比较与导出

.filtered {
  filter: brightness(100%) contrast(100%) saturate(100%) grayscale(0%) blur(0px);
}

范围与隐私

预览为本站原创SVG色块，使用浏览器原生filter。只生成固定五种函数的CSS，不修改图片文件、不导出处理后图片，不支持上传、backdrop-filter、SVG滤镜或指定目标颜色反求。顺序有时会影响结果，有些参数组合则相同；浏览器色彩管理、原图和页面背景也会影响视觉效果。模糊可能超出原边缘。灰度和模糊属于可逆样式，不用于隐私遮挡。参数仅在当前页内存处理，不上传、不自动保存，无需后端、API或密钥。