Gradiente CSS

Lineal y radial

Color 1Color 2Type

Angle: 135°

background: linear-gradient(135deg, #3B82F6, #8B5CF6);

Sobre esta herramienta

Build CSS gradients - linear, radial or conic - with multiple color stops, then copy the CSS into your project.

Características

Linear, radial and conic
Unlimited color stops
Angle / position controls
CSS and Tailwind output

Cómo usarla

Add color stops and adjust positions.
Pick a gradient type.
Copy the CSS.

🔒 100% privado

Todo sucede dentro de tu navegador usando JavaScript y WebAssembly. Tus archivos nunca se suben a un servidor, nunca se almacenan y nosotros nunca los vemos.

Preguntas frecuentes

Does it support OKLCH gradients?

Yes - interpolation in OKLCH avoids muddy mid-tones common with sRGB gradients.