免费下载渐变

选择预制尺寸或设置您自己的尺寸

复制渐变颜色

以最常见的颜色系统呈现 🎨

#{{ color }}
  • RGB {{ toRGB(color) }}
  • CMYK {{ toCMYK(color) }}
  • HSL {{ toHSL(color) }}
CSS 代码
background: -webkit-linear-gradient({{direction}}deg, {{ colorlinecss }});
background: linear-gradient({{direction}}deg, {{ colorlinecss }});

设置大小和角度

设置渐变的高度、宽度和角度,然后点击生成的图片下载 🧙

使用键盘箭头 ← → 将参数更改 1 个单位

下载流行尺寸

以下是最常用的尺寸 ✨

1920×1080
1080×1920
1080×1080
1500×1000
320×320
1200×628
970×90
800×600
750×750
1500×500
1200×600
1800×1350
480×60
820×360
300×250
1600×1200

相似的渐变 🧁

您好,
很高兴见到您!

忘记密码?

输入您注册时使用的电邮地址,我们将向您发送重置密码的说明。

创建一个
新账户

密码不符合

了解网格渐变

我们为您添加了网格渐变生成器和新的网格库,您可以用自己的渐变丰富它们。现在,您可以创建漂亮的抽象渐变,下载它们,复制它们的CSS代码,将它们保存到您的个人面板,并添加到公共库中。

我们即将添加径向渐变生成器!

网格渐变