网格渐变生成器

通过多个色点拖拽生成CSS mesh gradient效果,叠加多个径向渐变,一键复制CSS代码。

关于 网格渐变生成器

网格渐变生成器帮助你创建Mesh Gradient效果。通过多个色点叠加径向渐变,可以生成色彩流动的柔和渐变,常用于现代UI背景、品牌设计、海报主视觉等场景。

实现原理

本工具通过CSS的多个radial-gradient叠加实现Mesh Gradient。每个色点对应一个圆形径向渐变,从中心色到透明,多个渐变叠加形成色彩流动效果。

使用方法

  1. 在画布上拖动色点改变位置。
  2. 右侧面板调整每个色点的颜色。
  3. 点击「添加色点」增加新的色点。
  4. 点击「随机生成」获取灵感。
  5. 点击「复制 CSS 代码」获取CSS代码。