CSS 滤镜生成器
可视化的 CSS 滤镜生成器，支持多种效果组合与 Tailwind 代码生成。
预览
预设滤镜
滤镜设置
px
%
%
%
deg
%
%
%
%
CSS 代码
Standard CSS
filter: none;
关于此工具
这是一款功能强大的 CSS 滤镜 (Filter) 可视化设计工具。它集成了所有标准的 CSS 滤镜函数，允许您通过滑块精细调节模糊 (Blur)、亮度 (Brightness)、对比度 (Contrast)、灰度 (Grayscale)、色相旋转 (Hue-rotate)、反转 (Invert)、不透明度 (Opacity)、饱和度 (Saturate) 和褐色 (Sepia) 等效果。您可以上传自己的图片进行实时预览，并尝试多种内置的经典滤镜风格（如复古、黑白、暖色调）。工具自动生成兼容性良好的 CSS 代码及 Tailwind CSS 任意值语法，助您轻松打造炫酷的图片特效。
功能特点
- 🎛️ 全面支持：涵盖模糊、亮度、对比度、灰度、色相旋转、反转、不透明度等所有标准滤镜
- 🖼️ 实时预览：支持上传本地图片或使用默认示例图进行实时效果预览
- ✨ 经典预设：内置复古、黑白、暖色、冷色等多种流行滤镜风格，一键应用
- 📦 Tailwind 支持：自动生成 Tailwind CSS 任意值语法代码
- 🔄 组合叠加：支持多种滤镜效果同时叠加，创造独特的视觉风格
- 💻 代码生成：自动生成标准 CSS filter 属性代码，一键复制