CSS滤镜
可视化调整blur、brightness、contrast、grayscale、hue-rotate、sepia、saturate等滤镜参数
滤镜预览原图 vs 滤镜
原图
滤镜
生成的 CSS 代码0 字符
模糊/亮度0px / 100%
灰度/棕褐0% / 0%
色相/饱和度0deg / 100%
CSS 滤镜生成器说明
filter 属性对元素应用图形变换效果，如模糊、色彩调整等，支持多滤镜叠加，按顺序依次应用。
常用滤镜：blur（模糊，单位 px）、brightness（亮度，100% 为原图）、contrast（对比度）、grayscale（灰度，100% 为纯灰）、hue-rotate（色相旋转，0-360deg）、sepia（棕褐色调）、saturate（饱和度）。
使用场景：图片美化、悬停效果、图标着色、老年化照片效果等。多个滤镜用空格连接即可叠加生效。