渐变色生成器
可视化创建精美 CSS 渐变，支持多种类型和预设模板，拖拽编辑色停点，一键复制代码。
渐变类型
角度
135°
色停点
%
%
预览
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);预设模板
紫蓝幻境
落日余晖
碧海蓝天
极光之夜
烈焰红唇
蜜桃粉橘
薰衣草田
深海幽蓝
翡翠绿洲
银河星辰
彩虹桥
晨曦微光
黄金时代
银色月光
铜色质感
森林深处
沙漠风暴
霓虹紫
霓虹蓝
霓虹绿
柔粉云朵
柔蓝梦境
柔绿微风
径向日出
径向星空
锥形色轮
重复条纹
使用说明
功能说明
- 支持 4 种渐变类型：线性、径向、锥形、重复线性
- 可视化拖拽编辑色停点位置
- 圆形角度选择器，直观调整渐变方向
- 双击渐变条可快速添加色停点
- 丰富的预设模板，一键应用
- 同时输出 CSS 和 Tailwind CSS 代码
使用技巧
- 拖拽渐变条下方的圆形标记调整色停点位置
- 点击色块可打开系统颜色选择器
- 径向渐变可调整中心点位置（9 宫格快捷选择）
- 锥形渐变适合创建色轮、饼图等效果
- 重复渐变可创建条纹、网格等图案
- 点击"随机渐变"获取灵感