CSS渐变色生成器

线性 / 径向 / 锥形渐变 / 可视化色标编辑

渐变类型

角度: 90deg

色标

生成的CSS代码

.element {
  background: linear-gradient(90deg, #14b8a6 0%, #3b82f6 100%);
}

CSS渐变类型说明

linear-gradient沿直线方向渐变，radial-gradient从中心向外扩散，conic-gradient绕中心点旋转。多个色标可以创建丰富的过渡效果。渐变色常用于背景、按钮等场景。如需精确控制颜色值，可使用颜色转换工具。