渐变生成器

创建漂亮的 CSS 渐变效果，支持导出图片和代码

渐变类型

角度: 135°

0°90°180°270°360°

分段效果

颜色节点 (2/6)

导出尺寸

预览

CSS 代码

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

JavaScript 代码

element.style.background = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)";

精选渐变

提示

点击预设快速应用，或使用随机按钮生成独特的渐变效果。