<linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#667eea"/> <stop offset="100%" stop-color="#764ba2"/> </linearGradient>
点击"线性渐变"或"径向渐变"按钮选择渐变类型。
使用颜色选择器设置颜色，调整偏移百分比控制颜色位置。可以添加多个颜色停靠点创建复杂渐变。
点击"复制SVG"按钮将生成的渐变代码复制到剪贴板，粘贴到您的SVG文件中使用。
SVG渐变是矢量图形中常用的填充效果。通过本工具，您可以轻松创建各种渐变效果，无需手动编写复杂的SVG代码。
SVG图标背景、网页装饰元素、数据可视化图表、Logo设计等各种需要渐变效果的场景。
免费在线 SVG 渐变生成器，可视化选择起止颜色、方向与类型，一键生成线性或径向渐变的 SVG 代码，便于复用到图形与背景，全部在浏览器本地运行，完全免费。
SVG 渐变生成器把颜色过渡抽象成可视控件，自动产出 <linearGradient> / <radialGradient> 代码。我们的免费渐变生成器在本地生成，不上传。
做按钮与卡片背景、填充图形、网站头图过渡。配合SVG 编辑器套用渐变，用调色板生成器先定主色。
渐变方向呼应内容流向；多点色标做出更自然的过渡；把渐变放 <defs> 复用。配色可参考颜色选择器精确取值。
颜色与代码都在本地生成，不会上传，可放心调试品牌专属配色。
支持线性渐变（沿方向过渡）与径向渐变（由内向外扩散）。
可以，添加中间色标实现更丰富的多色过渡。
线性渐变可设置角度，径向可设圆心与半径。
可以，复制后放入 SVG 的 defs 并引用即可。
不会，所有渐变在浏览器本地计算与生成。
非常适合，渐变背景轻量且在不同屏幕都平滑。
语法不同，本工具产出的是 SVG 渐变定义。
可以，把生成的渐变片段粘进编辑器里填充图形。
先用调色板或颜色选择器定主色，再在工具里做过渡。
调色板生成器、颜色选择器、SVG 编辑器、图表制作均免费。
