什么是网格渐变生成器?

生成精美的多色网格渐变,适用于网站背景、社交媒体图形和 UI 设计。自定义颜色控制点的数量、位置和颜色,创造超越简单线性或径向渐变的独特有机效果。

使用方法

  1. 点击色块或输入十六进制色值来选择基础颜色,最多可添加 6 个颜色控制点。
  2. 在画布上拖动控制点来调整位置,按照您的喜好塑造渐变走向。
  3. 复制生成的 CSS 代码,或将渐变下载为 PNG 图片用于您的项目。

结果

一位 UI 设计师用 4 个控制点创建了从紫色到青色的网格渐变,用于着陆页的首屏区域,然后复制 CSS 代码直接粘贴到样式表中。

相关工具