渐变生成器
可视化生成线性或径向 CSS 渐变，调整颜色、角度和位置，一键复制 CSS 代码。
类型
CSS 代码
background: linear-gradient(135deg, #5048e5 0%, #22d3ee 100%);
本工具完全在浏览器本地运行，输入内容不会被上传。
如何使用
- 1选择线性或径向渐变
- 2调整两个颜色，线性模式可设置角度，径向模式可选择中心位置
- 3满意后复制生成的 CSS 代码
常见问题
生成的代码怎么用？
复制 background 声明，粘贴到 CSS 规则或内联样式中即可，预览区显示的就是最终效果。
能加更多颜色吗？
目前只支持双色渐变，保证界面简洁；需要多色时可以在生成的代码上手动追加色标。
支持透明渐变吗？
取色器和十六进制输入暂不支持透明度，可以复制代码后把颜色改成 rgba 或 transparent。