CSS 渐变生成器
通过实时预览创建精美的线性和径向 CSS 渐变。最多添加 5 个色标，并立即复制可直接使用的 CSS 代码。
广告
角度 deg
色标
%
%
广告
常见问题
什么是 CSS 渐变？
CSS 渐变是一种在两种或多种颜色之间平滑过渡的图像类型。渐变使用 CSS 的 linear-gradient() 或 radial-gradient() 函数创建，可以在任何接受图像的地方使用，例如背景。
线性渐变和径向渐变有什么区别？
线性渐变沿着指定角度的直线进行颜色过渡。径向渐变从中心点向外以圆形或椭圆形模式辐射。两种类型都支持多个色标，可实现复杂的多色效果。
如何向渐变添加更多颜色？
点击"添加色标"最多可添加 5 个色标。每个色标都有一个颜色选择器和一个位置值（0–100%），用于控制颜色在渐变中出现的位置。您可以通过调整位置来重新排列视觉效果。