🌈

免费 CSS Gradient Generator

Create linear, radial, and conic CSS gradients with a live preview. Copy the CSS with one click.

Runs in your browserNo sign-up, no pop-ups无需登录永久免费

background: linear-gradient(135deg, #14b8a6 0%, #6366f1 100%);

Type

Angle: 135°

Color stops

#14b8a60%

#6366f1100%

Presets

Optimize for your platform

输入

输入你的文本或数据。

处理

在你的浏览器中即时处理。无服务器，无等待。

下载

保存你的结果。不存储任何内容。

✓Completely free — no hidden costs, ever

✓No account, email, or login required

✓Runs entirely in your browser — no uploads

✓Works on any device — phone, tablet, desktop

✓Open and ad-supported, with no tracking

✓Loads fast, with no installation needed