Generador de gradientes CSS gratis en línea tool icon
CSS • linear-gradient • radial-gradient

Generador de gradientes CSS gratis en línea

Edita gradientes lineales/radiales de forma visual y genera código CSS de background listo para copiar.

Vista previa
CSS
Paradas de color

Cómo usar el generador de gradientes CSS

  • Selecciona el tipo de gradiente (lineal o radial).
  • Si es lineal, ajusta el ángulo.
  • Usa «Añadir parada» para agregar colores y edita/elimina las paradas existentes.
  • Pulsa «Aleatorio» para generar un gradiente al azar.
  • Mira el resultado en tiempo real en la vista previa.
  • Pulsa «Copiar» para obtener el código CSS generado.

Consejos

  • Los gradientes lineales cambian color a lo largo de una línea recta.
  • Los gradientes radiales irradian color desde un punto central.
  • Todo se genera localmente en tu navegador; no se suben datos.