CSS 滤镜生成器

如何使用CSS 滤镜生成器

CSS 滤镜生成器. 调整滤镜并比较实时预览与生成的 CSS。

1. 调整上方的颜色、文字或数值。
2. 调整设置并比较预览。
3. 复制结果或下载到设备。

CSS 滤镜生成器 · 示例

{
  "brightness": 100,
  "contrast": 100,
  "saturate": 100,
  "hue": 0,
  "grayscale": 0,
  "sepia": 0,
  "invert": 0,
  "blur": 0
}

filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) grayscale(0%) sepia(0%) invert(0%) blur(0px);

使用说明

文件和输入在此浏览器内处理，无需上传或注册账户。