Generatore di blob SVG (forme organiche)
Tocca un’altra forma finché non ne trovi una adatta. Regola i punti e l’irregolarità, scegli i colori e copia l’SVG o usalo come maschera per le foto.
Come si usaForme organiche per il sito
Disponibile in: 
Generatore di blob SVG (forme organiche): a cosa serve
Scegli il numero di punti e l’irregolarità, il colore o una sfumatura a due colori e genera nuove forme con un tocco. La curva passa dolcemente per tutti i punti e si chiude senza spigoli.
Scarica l’SVG, copia il codice o copia la versione maschera (clipPath) per ritagliare qualsiasi foto nella forma del blob.
Come si usa
- Regola punti e irregolarità.
- Scegli il colore o la sfumatura e genera forme finché non ti piace.
- Scarica l’SVG o copia la maschera per foto.
Quando usarlo
- Sfondi dietro a foto e illustrazioni.
- Foto del profilo con forma organica.
- Decorazioni in sezioni di siti e post.
Domande frequenti
A cosa serve un blob?
Le forme organiche spezzano la rigidità dei layout squadrati: stanno bene dietro a foto, icone e illustrazioni, come sfondo di sezioni e come cornice per le foto del profilo.
Come lo uso come cornice per una foto?
Copia il codice della maschera (clip-path): usa lo stesso disegno in un clipPath con coordinate relative, e qualsiasi immagine con lo stile clip-path:url(#blob) prende la forma del blob.
Posso animarlo?
Sì, generando due forme con lo stesso numero di punti e animando l’attributo d con CSS o JavaScript. Usa animazioni lente e rispetta chi preferisce meno movimento (prefers-reduced-motion).
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.