SVG 渐变生成器

多色断点可调,线性或径向渐变,秒级导出矢量背景 SVG。

工作区

°
px
px
提示:下载后也可直接编辑 SVG 代码,随时修改宽高。
%
%
渐变预设(点击应用):

结果

你可能还会喜欢这些工具

快速生成 SVG 渐变背景,可设置线性/径向渐变、颜色断点、角度和尺寸。

所有处理都在浏览器本地完成,不会上传文件。

需要图文教程?阅读: 如何制作 SVG 渐变背景

如何使用?

  • 选择线性或径向渐变类型。
  • 线性渐变可调整方向角度。
  • 增加或删除颜色断点。
  • 调整每个断点的百分比位置。
  • 设置输出宽高。
  • 下载生成的 SVG 文件。

注意:

  • SVG 为矢量格式,任意缩放不失真。
  • 下载文件可用于网页与设计工具。
  • 至少需要 2 个颜色断点。
  • 最大尺寸为 5000px × 5000px。