Generador de blob SVG (formas orgánicas)
Toca otra forma hasta encontrar una que combine. Ajusta los puntos y la irregularidad, elige los colores y copia el SVG o úsalo como máscara de foto.
Cómo usarFormas orgánicas para el sitio
Disponible en: 
Generador de blob SVG (formas orgánicas): para qué sirve
Elige la cantidad de puntos y la irregularidad, el color o un degradado de dos colores y genera nuevas formas con un toque. La curva pasa suavemente por todos los puntos y cierra sin esquinas.
Descarga el SVG, copia el código o copia la versión de máscara (clipPath) para recortar cualquier foto en el formato del blob.
Cómo usar
- Ajusta puntos e irregularidad.
- Elige el color o el degradado y genera formas hasta que te gusten.
- Descarga el SVG o copia la máscara de foto.
Cuándo usar
- Fondos detrás de fotos e ilustraciones.
- Fotos de perfil con formato orgánico.
- Adornos en secciones de sitios y publicaciones.
Preguntas frecuentes
¿Para qué sirve un blob?
Las formas orgánicas rompen la rigidez de los diseños cuadrados: se ven bien detrás de fotos, íconos e ilustraciones, como fondo de secciones y como marco de fotos de perfil.
¿Cómo lo uso como marco de foto?
Copia el código de la máscara (clip-path): usa el mismo dibujo en un clipPath con coordenadas relativas, y cualquier imagen con el estilo clip-path:url(#blob) toma la forma del blob.
¿Puedo animarlo?
Sí, generando dos formas con el mismo número de puntos y animando el atributo d con CSS o JavaScript. Usa animaciones lentas y respeta a quien prefiere menos movimiento (prefers-reduced-motion).
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas y funcionan directo en tu navegador.