渐变色生成器

创建精美的渐变色,支持线性和径向渐变

预览

background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);

渐变类型

颜色节点

%
%

• 支持线性和径向渐变

• 可添加多个颜色节点

• 实时预览渐变效果

• 一键复制 CSS 代码或导出图片

预设渐变

常用角度

使用技巧

• 使用 2-3 个颜色节点效果最佳

• 调整节点位置改变渐变过渡

• 线性渐变适合背景和按钮

• 径向渐变适合聚光灯效果

Today Is Future · Web Tools