输入
4 个角颜色 + 80% 模糊
输出
柔和渐变背景 + CSS 代码
设计配色
渐变网格生成 - 四角控制点背景工具
用四个角控制点颜色叠加径向渐变并调节模糊，生成柔和网格渐变背景并输出 CSS，适合落地页背景、品牌视觉和柔和多色过渡实验。
渐变网格背景
设计配色
渐变网格生成
左上
右上
左下
右下
80%
预览
CSS 代码
使用场景
- 生成落地页柔和渐变背景
- 为品牌页做多色过渡实验
- 导出可粘贴的背景 CSS
如何使用
- 选择四个角的颜色
- 调节模糊程度
- 预览后复制 CSS
示例输入输出
FAQ
和普通线性渐变有什么区别？
渐变网格用多个径向渐变叠加并配合模糊，过渡更柔和，效果接近设计工具中的 Mesh Gradient。
输出是真正的 CSS mesh 语法吗？
当前输出为可落地的叠加径向渐变写法，兼容性更好，并非实验性 mesh 专有语法。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。