SVG-blobgenerator
De SVG blob generator maakt willekeurige organische blobvormen uit vloeiende kubische Bézier-curves, met instellingen voor complexiteit, willekeur, grootte, vulkleur en een optionele gradiënt, en exporteert de SVG-code of het bestand.
Over deze tool
De SVG blob generator maakt willekeurige organische blobvormen uit vloeiende kubische Bézier-curves, met instellingen voor complexiteit, willekeur, grootte, vulkleur en een optionele gradiënt, en exporteert de SVG-code of het bestand.
Zo gebruik je het
- Stel de complexiteit (aantal punten) en de willekeur in.
- Kies grootte en vulkleur, of zet een gradiënt aan.
- Klik op Regenerate tot je de vorm mooi vindt.
- Kopieer de SVG-code of download het .svg-bestand.
Goed om te weten
- Elke blob is één SVG-path, opgebouwd uit punten rond een cirkel die met kubische Bézier-curves verbonden zijn.
- Meer punten geven een complexere omtrek; meer willekeur maakt hem minder rond.
- SVG-blobs blijven scherp op elk formaat en zijn maar een paar honderd bytes groot.
- Blobs zijn populair als achtergronddecoratie, avatarkader en sectiescheiding.
- De SVG kan inline worden gebruikt, als img-bron of als CSS-achtergrond.
Werkt volledig in je browser — niets wat je invoert wordt geüpload of opgeslagen.
Veelgestelde vragen
Hoe maak ik een blobvorm?
Pas hier complexiteit en willekeur aan en klik op Regenerate; elke klik tekent een nieuwe willekeurige organische vorm die je als SVG kunt downloaden.
Mag ik de blobs commercieel gebruiken?
Ja. De vormen worden willekeurig op je apparaat gegenereerd, dus je kunt ze in elk project gebruiken.
Hoe gebruik ik een SVG-blob als achtergrond?
Sla het bestand op en verwijs ernaar met background-image: url(blob.svg), of plak de SVG inline en plaats hem achter je content.
Kan ik een blob animeren?
Ja: je kunt hem draaien of schalen met CSS, of laten overvloeien tussen twee paths met hetzelfde aantal punten via SMIL of JavaScript.