🛠️
Dev
Tools
首页
›
CSS Filter 生成器
CSS Filter 生成器
可视化组合 CSS filter 效果，支持 blur/brightness/contrast/saturate/hue-rotate/grayscale 等
📌 滤镜预设
原图
黑白
复古
怀旧
鲜艳
模糊
提亮
高对比
冷色调
暖色调
⚙️ 滤镜参数
🔄 重置所有滤镜
👁️ 实时预览
复制代码
'/%3E%3Ccircle cx='120' cy='100' r='50' fill='%23f093fb' opacity='.7'/%3E%3Ccircle cx='280' cy='180' r='70' fill='%23f5576c' opacity='.6'/%3E%3Ctext x='200' y='155' text-anchor='middle' fill='white' font-size='24' font-family='sans-serif' font-weight='bold'%3EFilter Preview%3C/text%3E%3C/svg%3E)