Cómo generar una forma de blob SVG aleatoria
Publicado el 15 de septiembre de 2026 · 2 min de lectura
Esas formas de blob suaves y orgánicas detrás de secciones hero e ilustraciones no se dibujan a mano — se generan a partir de puntos aleatorizados conectados con una curva suave. Esta herramienta construye una a partir de un valor semilla, así que la misma semilla siempre reproduce la misma forma.
Probar Generador de blobs SVGPasos
- 1
Abre el Generador de blob SVG
Ve al generador de blob.
- 2
Ajusta los puntos de anclaje y aleatoriedad
Más puntos crean formas más complejas; mayor aleatoriedad crea contornos más irregulares y orgánicos.
- 3
Elige una semilla y color
La semilla determina la forma exacta — cámbiala para un nuevo blob, o consérvala para reproducir el mismo después.
- 4
Copia el SVG
Usa el marcado generado directamente en tu HTML o herramienta de diseño.
Preguntas frecuentes
Sí — el generador es completamente determinista, así que una semilla y cantidad de puntos dadas siempre reproducen exactamente el mismo blob, útil si quieres recrear una forma que te gustó después.
Los puntos aleatorizados se conectan usando un spline Catmull-Rom convertido a curvas Bezier cúbicas suaves, que es lo que le da al blob su contorno orgánico y redondeado en lugar de ángulos afilados.
Sí — ese es un caso de uso común; copia el SVG y posiciónalo detrás de tu contenido con CSS, ajustando el color de relleno para que coincida con tu diseño.
Como la forma es marcado SVG real y editable — no una imagen — escala perfectamente a cualquier tamaño sin ninguna pérdida de calidad.