渐变生成器 - 免费在线渐变创建工具
创建漂亮的 CSS 渐变并导出为 PNG 图像。从静态渐变到基于 Three.js 的流体动画，所有内容均完全免费。
探索其他快捷工具
为什么选择我们的渐变生成器？
使用即时预览和导出选项创建精美的 CSS、流体或网格渐变。
即时预览
在编辑颜色和形状时实时查看更改。
多种格式
导出为 CSS、Tailwind、PNG、视频或网格数据。
免费且开源
所有工具完全免费，无需注册。
高分辨率导出
导出清晰的 PNG 或高质量视频，以满足任何用例。
如何创建渐变
请按照这些步骤设计并导出您的渐变。
- 1
选择类型
选择 CSS、Fluid 或 Mesh 渐变。
- 2
编辑颜色
添加、拖动和调整颜色停止或网格点。
- 3
配置设置
根据需要设置角度、速度、强度或分辨率。
- 4
导出
下载 PNG、复制 CSS/Tailwind 或导出视频。
用例
网页设计
为网站或 UI 组件生成背景渐变。
社交媒体
创建引人注目的帖子和故事图形。
演示文稿
为演示文稿和 PDF 添加充满活力的渐变幻灯片。
品牌
设计定制渐变调色板，用于品牌识别。
常见问题解答
该工具是否离线使用？
所有生成都发生在您的浏览器中；数据不会发送到服务器。
有哪些可用的导出格式？
CSS、Tailwind、PNG、MP4 视频和网格 JSON。
我可以保存我的工作吗？
您可以下载渐变 JSON 以便稍后重新加载。