Generador de fondo de olas SVG
Crea y copia olas SVG que unen secciones con suavidad, ajustando color, altura y curvatura
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Una herramienta para crear al instante ondas SVG que unen con suavidad las secciones de una web, solo ajustando el color, la altura, la curvatura y el número de olas. Gracias a preserveAspectRatio, la ola se estira según el ancho de la pantalla, así que puedes usarla directamente como separador de secciones en landing pages responsivas.
Cómo usar
- Da forma a la curva que quieras con los controles de altura, curvatura (amplitud) y número de olas.
- Elige el color y la transparencia y, si hace falta, invierte la dirección con «voltear verticalmente».
- Comprueba la vista previa y pulsa el botón «Copiar SVG».
- Pega el código SVG encima o debajo de una sección para usarlo como separador.
Preguntas frecuentes
- ¿Se envía a un servidor lo que introduzco?
- No. El ajuste de colores y valores y la generación del código SVG se realizan únicamente en el navegador; ningún dato se envía ni se guarda en un servidor.
- ¿La ola creada se estira según el tamaño de la pantalla?
- Sí. El SVG generado incluye width=100% y preserveAspectRatio=none, así que se estira horizontalmente según el ancho del elemento padre. La altura se mantiene en el valor que indiques.
- ¿Puedo rellenar el color con un degradado?
- Por ahora solo ofrece relleno de color plano. Si necesitas un degradado, en el SVG copiado define un linearGradient dentro de <defs> en lugar del atributo fill y cambia el fill del path por ese id.