CSS 渐变色生成器

渐变类型

渐变方向

渐变颜色

%
%

预设渐变

预览

CSS 代码

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

使用说明

  • • 选择渐变类型（线性或径向）
  • • 调整渐变方向或形状
  • • 添加或删除颜色停止点
  • • 调整每个颜色的位置（0-100%）
  • • 实时预览效果
  • • 点击"复制代码"将CSS代码复制到剪贴板