Eine zufällige SVG-Blob-Form generieren
Veröffentlicht am 15. September 2026 · 2 Min. Lesezeit
Diese glatten, organischen Blob-Formen hinter Hero-Bereichen und Illustrationen sind nicht von Hand gezeichnet – sie werden aus zufälligen Punkten generiert, die mit einer glatten Kurve verbunden sind. Dieses Tool baut eine aus einem Seed-Wert, sodass derselbe Seed immer dieselbe Form reproduziert.
SVG-Blob-Generator ausprobierenSchritte
- 1
Den SVG-Blob-Generator öffnen
Gehe zum Blob-Generator.
- 2
Die Ankerpunkte und Zufälligkeit festlegen
Mehr Punkte erzeugen komplexere Formen; höhere Zufälligkeit erzeugt unregelmäßigere, organischere Umrisse.
- 3
Einen Seed und eine Farbe wählen
Der Seed bestimmt die exakte Form – ändere ihn für einen neuen Blob, oder behalte ihn, um denselben später zu reproduzieren.
- 4
Das SVG kopieren
Verwende das generierte Markup direkt in deinem HTML oder Design-Tool.
Häufig gestellte Fragen
Ja – der Generator ist vollständig deterministisch, sodass ein gegebener Seed und Punktanzahl immer exakt denselben Blob reproduzieren, nützlich, wenn du eine Form, die dir gefallen hat, später wieder erstellen möchtest.
Die zufälligen Punkte werden mit einer Catmull-Rom-Spline verbunden, die in glatte kubische Bezierkurven umgewandelt wird, was dem Blob seinen organischen, abgerundeten Umriss statt scharfer Winkel verleiht.
Ja – das ist ein gängiger Anwendungsfall; kopiere das SVG und positioniere es mit CSS hinter deinem Inhalt, wobei du die Füllfarbe an dein Design anpasst.
Da die Form echtes, bearbeitbares SVG-Markup ist – kein Bild – skaliert sie perfekt auf jede Größe ohne Qualitätsverlust.