SVG-Blob-Generator
Erzeugen Sie eine zufällige organische Form (Blob) als SVG, ideal als dekorative Hintergrundform hinter einem Foto oder Titel. Komplexität, Unregelmäßigkeit und Farbe sind einstellbar, und ein Klick genügt für eine neue Variante.
So funktioniert es
Das Tool verteilt eine gewählte Anzahl von Punkten (die Komplexität) gleichmäßig auf einem Kreis, verschiebt jeden davon je nach gewählter Unregelmäßigkeit zufällig nach innen oder außen und verbindet die Punkte dann durch eine geglättete Kurve (Catmull-Rom-Spline, in Bézier umgewandelt). So entsteht eine geschlossene, abgerundete Kontur ohne scharfe Ecken.
Wie behalte ich dieselbe Form, ändere aber Farbe oder Größe?
Die Form hängt nur von der Anzahl der Punkte und einem internen zufälligen „Seed“-Wert ab, der bei der Erzeugung festgelegt wird: Solange Sie nicht auf „Neue zufällige Form erzeugen“ klicken und die Komplexität nicht ändern, behält die Anpassung von Farbe, Größe oder Unregelmäßigkeit dieselbe grundlegende Kontur bei, lediglich skaliert oder neu eingefärbt.
Wo setze ich einen solchen Blob in einem Design ein?
SVG-Blobs werden häufig als Hintergrund von Hero-Bereichen verwendet, hinter einem Profilfoto oder Produkt, um die Starrheit rechteckiger Formen aufzubrechen, oder als organische Zuschnittsmaske für ein Bild (indem Sie den Blob als clip-path verwenden).
Zu 100% lokale Erzeugung: Die Form wird vollständig in Ihrem Browser berechnet, ohne dass Daten an einen Server gesendet werden.