Generador de formas blob
Ajusta vértices y complejidad para crear formas blob orgánicas y aleatorias en SVG y copia el código
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Al ajustar el número de vértices y la complejidad se crea cada vez una forma blob orgánica distinta, parecida a una gota de agua. Copia el código SVG, unido por curvas suaves, y úsalo tal cual como fondo de hero, máscara de avatar o elemento decorativo.
Cómo usar
- Pulsa el botón «Generar nueva forma» y repite al azar hasta que salga una forma que te guste.
- Ajusta lo redondeado y lo irregular con los deslizadores de número de vértices y complejidad (irregularidad).
- Define un color y copia luego el código SVG de abajo.
- Pégalo en el HTML o úsalo como máscara de fondo (clip-path, mask).
Preguntas frecuentes
- ¿Por qué cambia la forma cada vez que pulso?
- Porque se crea desplazando al azar el radio de cada vértice colocado sobre la circunferencia. Aunque mantengas los mismos ajustes, al pulsar «Generar nueva forma» sale una forma totalmente distinta con una nueva semilla.
- ¿Cómo consigue unas curvas tan suaves?
- Los vértices se convierten de una spline de Catmull-Rom a curvas Bézier cúbicas y se unen formando una curva cerrada. Por eso se conectan de forma fluida, sin ángulos.
- ¿Puedo usar comercialmente el blob que cree?
- El código es una forma SVG pura generada matemáticamente en el navegador, así que puedes usarla libremente sin preocuparte por derechos de autor. Eso sí, comprobar que no se parezca al logo de una marca concreta queda de tu parte, como referencia.