Gradient Pro
bg.diyun.site又名 渐变背景生成器、极致渐变工坊
浏览器端渐变背景生成器,可调双色与角度、套用大师预设、叠加 Logo 图片,并导出 PNG、SVG 等文件及 linear-gradient CSS 代码,适合前端省去手写参数反复预览,直接贴进样式表。
工具免费网页多语言

Gradient Pro 是一个在浏览器里运行的渐变背景生成器,打开网页就能调色,不用装软件。它解决的是做网页或海报时临时找不到合适背景的问题:选两个颜色,拖一下角度,背景就出来了。
主要功能
色彩配置区提供起点和终点两个色标,旁边有随机灵感按钮,按一下换一组配色。光影角度用方向按钮控制,也可以直接输入度数。大师预设里存了一些现成的渐变方案,不想从零调的时候可以直接套用。
材质与叠加部分可以拖入 Logo 或图片,调整缩放比例和圆角大小,让图片叠在渐变上。画布宽度和高度能手动改,方便适配不同尺寸的屏幕或印刷品。
导出与格式
做完之后可以下载 PNG、JPG、WebP 或 SVG,页面标注 PNG 为 HQ 高清。同时会生成对应的 CSS 代码,形如 linear-gradient(...),点复制就能贴进样式表。对前端来说,省去了手动写渐变参数再反复预览的步骤。
适合谁
做网页背景、PPT 底图、社交媒体配图的人都能用。不需要设计基础,调到自己看着顺眼就行。界面有中文和英文切换,国内访问没有障碍。
常见问题
Gradient Pro 收费吗?
Gradient Pro 免费使用。页面标注免费。
Gradient Pro 有哪些平台 / App?
支持 网页。
Gradient Pro 的替代品有哪些?
本站整理了 2 个替代品,例如 Tylify、Icon Maker。