Generador de gradientes SVG

Degradados lineales o radiales con varias paradas—descarga fondos vectoriales en segundos.

Taller

°
px
px
Consejo: también puedes cambiar ancho y alto en cualquier momento editando el código SVG descargado.
%
%
Ajustes predefinidos (clic para aplicar):

Resultado

Other tools you may like

Genera degradados SVG para web y diseño: lineales o radiales con varias paradas de color, ángulo y dimensiones.

Todo se procesa en tu navegador; no se suben archivos.

¿Quieres una guía? Lee nuestro artículo: Cómo crear fondos con degradado SVG

¿Cómo usar?

  • Elige degradado lineal o radial.
  • En modo lineal, ajusta la dirección con el ángulo.
  • Añade o quita paradas de color.
  • Ajusta el porcentaje de cada parada.
  • Define el ancho y alto de salida.
  • Descarga el archivo SVG generado.

Notas:

  • SVG es vectorial y escala sin pérdida de calidad.
  • El SVG descargado sirve para páginas web y herramientas de diseño.
  • Se necesitan al menos dos paradas de color.
  • Tamaño máximo de salida: 5000px × 5000px.