CSS 渐变生成器
CSS 渐变生成器支持线性、径向与圆锥渐变：添加多个色标并定位，调节角度、中心与重复方式，实时预览背景效果，输出可直接用的 gradient 表达式，帮设计师快速试出品牌色过渡与炫彩背景。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 选择线性径向或圆锥渐变
- 添加并拖动多个色标
- 调整角度中心与重复
- 复制 background 渐变值
典型场景
首屏背景做双色柔和过渡
按钮用渐变增强点击欲望
数据色带按多色标映射
常见问题
能加几种颜色？
可添加任意多个色标，各自指定位置与颜色。
角度怎么控？
线性用 deg 角度，径向可调形状与中心点位置。
兼容性如何？
常见渐变广泛支持，复杂函数注意旧内核差异。