在线 CSS filter 滤镜生成器,可视化调节模糊、亮度、对比度、饱和度、灰度、色相旋转等参数,实时预览并复制 filter 代码,免费、浏览器本地运行不上传,无需安装。
原图
滤镜效果
先填写或调整「模糊」、「亮度」、「对比度」、「灰度」、「色相旋转」、「反色」;修改输入或使用页面控件后查看结果区域。
「模糊」的输入范围为 0~20,控件步长为 0.1。「亮度」的输入范围为 0~200。「对比度」的输入范围为 0~200。请按字段标注的单位输入,先检查超出范围、空值和小数点,再核对结果。
核对色值、尺寸、字体和导出格式。屏幕显示、浏览器渲染与印刷效果可能不同;应在最终使用的背景、设备或设计软件中再检查。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接,以及带外部地址的内容预览仍可能产生网络请求;“本地处理”并不表示整个网页完全没有网络活动。
先检查「模糊」、「亮度」、「对比度」是否完整,以及格式、单位和当前选项是否匹配。修改输入后,查看页面的结果或错误提示;可先用少量数据定位问题。
CSS 动画生成器(简版) · CSS Grid 生成器(布局版) · 圆角生成器 · 阴影生成器 · 全部设计工具