图片设计工具
CSS 渐变生成器
在线生成线性 CSS 渐变，支持起始颜色、结束颜色和角度预览。 工具在浏览器本地运行，输入内容不会上传服务器。
适用场景
- 可视化生成 CSS 线性渐变代码。
- 制作径向渐变背景。
- 调整渐变角度和色标位置。
使用步骤
- 选择渐变类型（线性 / 径向）。
- 添加颜色节点。
- 调整角度和位置。
- 复制 CSS 代码。
常见问题
支持多色渐变吗？
支持，可添加多个颜色节点，每个节点可独立设置位置百分比，实现丰富的渐变效果。
生成的代码兼容哪些浏览器？
生成标准 linear-gradient / radial-gradient 语法，Chrome、Firefox、Safari、Edge 等现代浏览器均可直接使用。
可以预览渐变效果吗？
可以，预览区会实时渲染当前参数对应的渐变效果，调整满意后再复制代码。