Über dieses Tool
Organische „Blob"-Formen wie diese gehören zum festen Repertoire moderner Webgestaltung — als weicher dekorativer Hintergrund hinter Hero-Texten, als Bildmaske, die ein gewöhnliches Foto in eine unregelmäßige, handgezeichnet wirkende Silhouette verwandelt, oder als verspielter Akzent rund um Icons und Karten. Dieser Generator erzeugt aus ein paar zufällig platzierten Punkten einen glatten, geschlossenen SVG-Pfad und rundet die Ecken anschließend mit einer Catmull-Rom-Kurve ab, damit die Kontur natürlich fließt statt wie ein kantiges Vieleck zu wirken.
Die Seed-Zahl ist der Fingerabdruck der gesamten Form: Derselbe Seed erzeugt immer exakt denselben Blob, egal wie oft Sie neu generieren. Das heißt, Sie können die Regler für Punkte und Unregelmäßigkeit so lange anpassen, bis Ihnen die Form gefällt, sich den Seed notieren und diesen identischen Blob später wieder erzeugen — oder die Seed-Zahl mit einem Kollegen teilen, damit dieser exakt dieselbe Form erhält statt einer anderen zufälligen.
Häufige Fragen
Warum erzeugt derselbe Seed immer denselben Blob?
Die Form wird durch eine deterministische Pseudozufallsfunktion erzeugt, die mit Ihrer Zahl geseedet wird, sodass derselbe Seed immer genau dieselbe Form erzeugt — nützlich, wenn Sie einen bestimmten Blob speichern oder teilen möchten.
Kann ich das generierte SVG direkt als CSS-Hintergrund verwenden?
Ja — laden Sie die SVG-Datei herunter und referenzieren Sie sie mit background-image: url(...), oder kopieren Sie das Pfad-Markup direkt in ein Inline-<svg>-Element.