CSS 渐变生成器
免费在线 CSS 渐变生成工具。可视化创建精美的线性和径向渐变，并获取即用型 CSS 代码。
效果预览
CSS Code
background: linear-gradient(to right, #4f46e5 0%, #ec4899 100%);配置选项
可视化编辑
直观地调整颜色、位置和角度。
CSS 导出
一键复制兼容的 CSS 背景代码。
随机预设
快速生成随机渐变方案以获取灵感。
免费在线 CSS 渐变生成工具。可视化创建精美的线性和径向渐变，并获取即用型 CSS 代码。
background: linear-gradient(to right, #4f46e5 0%, #ec4899 100%);直观地调整颜色、位置和角度。
一键复制兼容的 CSS 背景代码。
快速生成随机渐变方案以获取灵感。