Generador de SVG Blob
Genera formas blob SVG orgánicas y hermosas para diseños.
SVG
<svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"> <defs><linearGradient id="g" gradientTransform="rotate(45 0.5 0.5)"><stop offset="0%" stop-color="#6366f1"/><stop offset="100%" stop-color="#ec4899"/></linearGradient></defs> <path d="M 452.81,300.00 C 459.68,354.34 456.02,471.39 414.75,498.76 C 373.48,526.12 261.47,497.32 205.20,464.19 C 148.94,431.06 78.41,356.90 77.15,300.00 C 75.90,243.10 148.28,143.98 197.67,122.77 C 247.07,101.55 330.98,143.16 373.50,172.70 C 416.02,202.24 445.93,245.66 452.81,300.00 Z" fill="url(#g)"/> </svg>
Herramientas recomendadas
Utilidades seleccionadas que podrían serte útiles
Generar formas orgánicas SVG (blobs)
Resumen
Los blobs —formas orgánicas suaves e irregulares— son una manera popular de añadir un toque amable y moderno a un diseño como fondos, máscaras de imagen o adornos decorativos. Dibujar un blob suave a mano es complicado, así que un generador de blobs crea formas orgánicas aleatorias como SVG que puedes ajustar y exportar. Esta herramienta crea blobs en tu navegador y te da código SVG limpio para poner en cualquier página.
Cómo usar (paso a paso)
- 1
Ajusta complejidad y aleatoriedad
Fija cuántos puntos y cuán irregular es el blob hasta que la forma se sienta bien.
- 2
Elige un color y regenera
Escoge un color de relleno y genera nuevas variaciones hasta dar con una que te guste.
- 3
Copia el SVG
Toma el código SVG generado o expórtalo, y colócalo en tu página o diseño.
Cómo Funciona
El generador crea una trazado cerrado con varios puntos repartidos alrededor de un centro, los conecta con curvas suaves y aleatoriza su distancia para lograr una forma irregular pero equilibrada. Ajustas la complejidad (número de puntos) y la aleatoriedad (cuán desigual queda), eliges un color y produce SVG. Al ser vectorial, el blob escala nítido a cualquier tamaño. Todo corre localmente en tu navegador.
Cuándo usarlo
Añadir una forma de fondo suave detrás de texto o una ilustración. Enmascarar una foto en un contorno orgánico en vez de un rectángulo. Crear adornos decorativos amables para una landing. Construir un fondo de hero moderno y no geométrico. Hacer blobs a juego en los colores de tu marca. Exportar una forma vectorial ligera en vez de una imagen pesada.
Preguntas Frecuentes
Al ser vectorial, un blob SVG se mantiene perfectamente nítido a cualquier tamaño, pesa muy poco y se recolorea editando un valor. Una imagen rasterizada de la misma forma es más pesada y se ve borrosa al ampliar.
Notas Importantes
Cada blob generado es aleatorio, así que guarda el código SVG en cuanto encuentres uno que te guste: regenerar no reproducirá exactamente la misma forma. Una complejidad muy alta puede hacer el trazado grande y más difícil de animar con fluidez.