🎨

CSS 渐变生成器

可视化创建CSS渐变

渐变类型

角度: 90°

颜色

起始色

结束色

预设配色

CSS 代码

Frequently Asked Questions

What types of gradients are supported?

The tool supports linear gradients (any angle), radial gradients (circle/ellipse), and conic gradients. You can add multiple color stops with precise positioning.

Can I use the gradient as a background?

Yes, the tool generates ready-to-use CSS code that you can copy and paste directly into your stylesheet.

Does it support transparency?

Yes, each color stop supports alpha transparency using RGBA or HSLA color values.