线性渐变 · 径向渐变 · 实时预览 · 一键复制
CSS渐变生成器
可视化生成 CSS 渐变代码，支持线性渐变和径向渐变， 自由调整颜色停止点，实时预览效果，一键复制代码，所有操作在浏览器本地完成。
135°
颜色停止点
（2/10）CSS 代码
预设渐变
功能特性
简单、直观、强大的渐变生成工具
双渐变类型
支持线性渐变和径向渐变，自由切换
角度调节
0-360度自由调节渐变方向，实时预览
颜色停止点
最多10个停止点，拖拽调整位置，自由配色
随机生成
一键随机生成渐变配色，激发设计灵感
预设方案
内置8种精美预设渐变，点击即用
一键复制
生成标准CSS代码，一键复制到剪贴板