大多数渐变工具只会给你一段CSS代码。这款工具会把渐变实际渲染到canvas画布上，让你按需要的精确像素尺寸下载完成的PNG图片，无论是手机壁纸、1920x1080的桌面背景、方形社交媒体图片，还是自定义尺寸。整个过程不会上传任何内容：图片完全在你的设备上绘制和保存，颜色和文件都不会外泄。
免费渐变生成器
全程在浏览器中运行，无需上传，无需注册。
类型
图片尺寸
px
颜色色标
将保存实际尺寸的PNG，尺寸为 1920×1080 px
什么是渐变生成器？
渐变生成器是一款将两种或多种颜色平滑混合成渐变效果，并导出为可下载图片的工具。选择颜色和色标，选择线性或径向渐变，设置尺寸，即可保存一张PNG图片用作壁纸、背景、横幅或缩略图。整个过程都在浏览器中完成。
使用方法
- 1选择线性还是径向. 线性渐变按你设置的角度沿一条直线混合颜色；径向渐变则从中心向外呈圆形扩散。
- 2设置颜色和色标. 点击色块选择颜色，拖动滑块移动色标位置。最多可添加8个色标，最少保留2个，点击“随机生成”还能快速获得灵感。
- 3选择图片尺寸. 点击预设尺寸（桌面、手机、方形、社交媒体），或直接输入自定义的宽度和高度（像素）。预览会实时更新。
- 4下载PNG图片. 点击“下载PNG”即可按完整分辨率将渐变保存为图片，也可以复制CSS代码，在代码中复用同样的渐变效果。
适用人群
- 设计师和内容创作者需要为幻灯片、缩略图、横幅或故事图制作干净利落的渐变背景图，却不想打开Photoshop。
- 手机和电脑用户想按屏幕的精确分辨率制作专属的渐变壁纸。
- 开发者希望获得一张轻量的渐变PNG占位图或主视觉图片，再加上对应的CSS代码在代码中复现。
- 社交媒体运营者需要导出符合品牌调性、尺寸适配帖子、故事和封面图的渐变背景。
常见问题
这个渐变生成器免费吗？
是的，100%免费，无需注册，没有水印，也没有次数限制。你可以随意制作并下载渐变图片。
会有内容上传到服务器吗？
不会。渐变完全通过canvas在你的浏览器中绘制和保存，不会向任何地方发送颜色、图片或使用数据。
它导出的是什么图片格式？
它导出的是PNG格式，能让渐变保持完全平滑、无损，不会出现压缩失真。文件会按你设置的完整像素尺寸保存，可直接用作壁纸、背景或上传使用。
渐变壁纸应该做多大尺寸？
根据你的屏幕来选择。常见选择是大多数桌面用1920x1080，竖屏手机用1080x1920，方形社交媒体图片用1080x1080。你也可以输入任意自定义的宽度和高度，最大可达8000像素。
线性渐变和径向渐变有什么区别？
线性渐变按你选择的角度沿一条直线混合颜色，颜色会在画面上依方向渐变。径向渐变从一个中心点向外呈圆形扩散，颜色从中心向边缘逐渐变化。
除了图片，我还能拿到CSS代码吗？
可以。除了可下载的PNG图片，工具还会显示对应的background-image CSS代码。复制这段代码即可在网站或应用中复现完全相同的渐变效果，而不必使用图片文件。
颜色色标是怎么运作的？
每个色标都将一种颜色与渐变上0%到100%之间的某个位置对应起来，相邻色标之间会平滑过渡。如果把两个色标放在同一位置，就会形成硬边界而不是渐变过渡，这对制作条纹或色块背景很有用。