No se envían datos al servidor
Úselo al instante sin cuenta
Todos los cambios se reflejan al instante
Cambie entre dos modos libremente
Copie y pegue en su sitio al instante
Sólido y gradientes multicolor
Solo funciones estándar del navegador
🌊 Parámetros de onda
🫧 Parámetros de blob
El Generador de Formas SVG crea formas de ondas y blobs SVG visualmente. Ajuste amplitud, complejidad, capas, gradientes y exporte como código SVG, imagen de fondo CSS o SVG inline. Descargue como archivos SVG/PNG.
Todo el procesamiento se realiza en su navegador — no se envían datos al servidor. Sin registro necesario.
Elija un modo
Seleccione modo Onda o Blob. Las ondas son ideales para divisores de sección; los blobs para decoración de fondo.
Ajuste los parámetros
Modifique amplitud, complejidad, colores, gradiente y trazo con controles deslizantes.
Copie o descargue
Copie código SVG/CSS/Inline o descargue archivos SVG/PNG. Péguelo directamente en su sitio web.
- Divisores de sección
- Coloque ondas entre secciones para una transición visual suave. Las ondas se han convertido en un patrón de diseño estándar en páginas de aterrizaje modernas.
- SVG vs PNG
- SVG ofrece menor tamaño de archivo, nitidez en cualquier resolución y colores controlables con CSS.
- P. ¿Cómo usar una onda como divisor de sección?
- R. Pegue el código SVG en HTML y posiciónelo con
position: absolute; bottom: 0; width: 100%;. - P. ¿Se pueden usar los blobs como clip-paths?
- R. Sí. Use los datos del path SVG con
clip-path: url(#...)para recortar en formas orgánicas. - P. ¿Se envían datos al servidor?
- R. No. Todo el procesamiento se realiza en su navegador.
Divisores de sección
Ondas entre secciones para transiciones suaves y orgánicas.
Decoración de fondo
Blobs detrás de imágenes o alrededor de CTAs como acento visual.
Máscaras de avatar
Formas blob para recortar imágenes de avatar de forma única.
Recursos para herramientas de diseño
Descargue SVG/PNG e importe en Figma, Sketch o XD.
- Desarrollo Web
- Conversor de Código de Color (HEX/RGB/HSL/CMYK) y Paletas
- Generador de CSS Box-Shadow｜Multicapa y Presets
- Generador CSS Clip-Path｜Editor Visual con Presets
- Generador de Animaciones CSS｜Salida de código @keyframes
- Generador de Gradientes CSS｜Lineal, radial y cónico con patrones CSS
- Generador de Animación Sprite CSS｜Código steps() Automático
- Herramienta de Subconjunto de Fuentes｜Reduce Fuentes Web para Sitios Más Rápidos
- Generador de Imágenes Responsivas｜HTML srcset y picture Element Automático
- Verificador de Encabezados HTTP y Auditoría de Seguridad
- Red
- Seguridad
- Redes Sociales y Entretenimiento
- Bingo Online Gratis | Voz, Tarjetas y Personalización | Sin App
- Generador de Imágenes OG｜Crea Imágenes para Redes Sociales
- Ruleta Online Gratis — Sin Descarga, Sin Instalación | Personalizable
- ¡Sin App! Contador BPM Tap Tempo | Calculadora de Delay y Metrónomo
- Generador de Equipos Aleatorios | Grupos Equilibrados con Niveles de Habilidad
- Generador de Llaves de Torneo | Crear Cuadros y Tablas de Liga