渐变色生成器是一款免费在线工具，帮助设计师和开发者快速生成美观的 CSS 渐变色。支持线性渐变和径向渐变两种模式，可自由调整色标颜色和位置，实时预览效果并一键复制 CSS 代码或导出 PNG 图片。
线性渐变沿一条直线方向过渡颜色。通过调节角度（0°~360°）控制渐变方向，0° 为从左到右，90° 为从下到上，180° 为从右到左，270° 为从上到下。
径向渐变从中心点向四周扩散。可选择圆形或椭圆形，调整中心位置和扩散大小，营造从内到外的色彩过渡效果。
每个渐变支持 2~5 个色标。点击色块选择颜色，拖动滑块调整位置（0%~100%）。色标会自动按位置排序，最少保留 2 个色标。
生成的 CSS 代码可直接复制到样式表中使用。PNG 导出功能可以将渐变保存为图片，方便在设计软件中使用。
生成渐变：选择渐变类型（线性/径向），然后通过色标管理区域设置颜色和位置。线性渐变可以调节角度；径向渐变可以调节中心位置、形状和大小。
使用预设：点击下方的预设模板卡片，可一键应用日落、海洋、霓虹等经典渐变配色。
复制 CSS：在「CSS 代码」区域点击「复制 CSS」按钮，即可将生成的 background 属性代码复制到剪贴板，直接粘贴到你的项目中。
导出图片：点击「导出 PNG」按钮，将当前渐变保存为高清 PNG 图片（1080×320 像素），方便在设计稿中使用。
是的，完全免费。纯前端实现，所有计算都在浏览器本地完成，无需注册登录。
支持所有现代浏览器，包括 Chrome、Firefox、Safari、Edge 等。IE11 不支持。
默认导出 1080×320 像素的 PNG 图片，适合用作网页横幅背景或设计素材。
每个渐变最多支持 5 个色标，最少 2 个。超过 5 个会导致颜色过渡过于复杂，不易控制。
不会。所有操作都在浏览器本地完成，不会上传任何数据到服务器，断网也能正常使用。