CSS 滤镜生成
CSS 滤镜生成：组合亮度、对比度、灰度和模糊参数。直接输入数据，在浏览器中完成处理并导出。
查询条件
免费使用 · 无需登录处理结果
完成输入后点击上方按钮，结果将在这里显示。
如何使用CSS 滤镜生成
- 填写亮度 (%)、对比度相对100%的增量 (%)、灰度 (%)、模糊半径 (px)，核对参数后开始。
- 组合亮度、对比度、灰度和模糊参数，请确认这与当前任务一致。
- 点击“开始处理”，查看结果并复制或下载；“清空”可释放本次输入。
处理规则
组合亮度、对比度、灰度和模糊参数。
颜色换算使用 sRGB，CMYK 无 ICC 色彩管理，仅供屏幕参考。对比度按 WCAG 2 的亮度公式，不能独立保证整页可访问性。
输入示例
亮度 (%)：100；对比度相对100%的增量 (%)：4；灰度 (%)：8；模糊半径 (px)：16
常见问题
CSS 滤镜生成如何确定输出？
组合亮度、对比度、灰度和模糊参数。
使用CSS 滤镜生成查询前，要确认哪些适用条件？
先确认代码或名称的版本、适用范围和目标场景；对会随标准、政策或软件版本变化的内容，应以最新官方资料为准。
使用CSS 滤镜生成查询时，输入内容会上传吗？
不会。当前查询和筛选在浏览器内执行；参考资料如会随标准或政策变化，应再核对最新官方来源。
相关工具
更多颜色与设计 →渐变 CSS 生成
由两色与角度生成 linear-gradient。
颜色与设计Box Shadow 生成
按偏移、模糊、扩散及颜色生成盒阴影。
颜色与设计Text Shadow 生成
按偏移与模糊生成文字阴影。
颜色与设计Border Radius 生成
按四个角半径生成圆角 CSS。
颜色与设计Favicon 背景预览
生成带单字符字母的 SVG 图标，可下载。
颜色与设计HEX RGB HSL 颜色转换
解析 HEX/RGB 并同时输出 RGB、HSL、HEX。
颜色与设计CMYK 基础转换
将 RGB/HEX 转为不含 ICC 色彩管理的 CMYK 百分比。
颜色与设计WCAG 颜色对比检查
按 sRGB 相对亮度计算对比度并检查普通/大字 AA 阈值。
颜色与设计