颜色转换取色选色配色方案样式生成颜色资料
首页 / 样式生成 / CSS滤镜生成器

CSS滤镜生成器

组合 CSS 滤镜,复制 filter 代码。

这个工具能做什么

模糊、亮度、对比、灰度、饱和、怀旧、色相旋转,七组滤镜任意叠加,中间的彩色块实时反映效果。下方给出 filter 代码,可直接用在图片或任意元素上。做图片悬停变灰、毛玻璃前置模糊、变暗遮罩等效果时很方便。

处理全部在你自己的浏览器里完成,输入的内容不会上传到服务器,用着放心。

CSS滤镜生成器是一个免费的在线工具,打开网页就能用,不用下载也不用注册。平时大家搜的“css滤镜”、“filter滤镜”、“模糊滤镜”,说的都是这个。

使用方法

  1. 填入颜色值,或用取色盘、滑块设置好参数。
  2. 结果和预览会实时更新,无需点按钮。
  3. 点色值卡片或「复制」按钮,即可把结果带走。

相关工具

查看全部「样式生成」工具 →