EnglishGenerador de ondas SVG
Ajusta la onda hasta que te guste, genera otras variaciones con un toque y copia el SVG. Se estira al ancho de la pantalla y es liviano, sin imagen.
Ondas para separar secciones
Todo se hace en tu dispositivo: nada se envía a internet.
Disponible en: 
Generador de ondas SVG: para qué sirve
Ajusta la altura, el número de ondas, la variación y cuántas capas transparentes tiene la onda, elige el color y el estilo (suave, con puntas o en escalones) y genera variaciones con un toque. La opción invertir voltea la onda hacia arriba.
El SVG sale con un viewBox de 1440 px de ancho y preserveAspectRatio=none, para estirarse al ancho de la pantalla. Descarga el archivo o copia el código.
Cómo usar
- Ajusta altura, ondas, variación y capas.
- Elige color y estilo y genera otras ondas hasta que te gusten.
- Descarga o copia el SVG y pégalo entre las secciones.
Cuándo usar
- Separar secciones de landing pages.
- Encabezados y pies de página con un look moderno.
- Fondos de banners y encabezados.
Preguntas frecuentes
¿Cómo uso la onda en el sitio?
Pega el SVG entre dos secciones, justo después del final de una y antes de la otra. Usa el color de la sección de abajo en la onda y el de la sección de arriba en el fondo, o al revés con la opción invertir.
¿La onda se ve bien en el celular?
Sí. El SVG usa preserveAspectRatio=none y ancho de 100%, así que se estira al ancho de la pantalla manteniendo la altura que elijas en el CSS.
¿Puedo usarla en proyectos comerciales?
Sí. La onda se genera aquí, en tu navegador, y es tuya.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas y funcionan directo en tu navegador.