Toolzy

Generador de degradados CSS

Crea degradados CSS lineales y radiales de forma visual.

background: linear-gradient(90deg, #6366f1, #ec4899);

Diseña un degradado CSS con una vista previa en vivo y copia el código de fondo listo para usar.

Cómo usar

  1. Elige lineal o radial.
  2. Elige los colores y el ángulo.
  3. Copia el CSS.

Preguntas frecuentes

¿Puedo añadir más paradas de color?
Este generador usa dos paradas; puedes ampliar el CSS copiado a mano.
¿Dónde va el CSS?
Úsalo como valor de la propiedad background o background-image.

Herramientas relacionadas