Blob-Formen-Generator
Eckpunkte und Komplexität einstellen, zufällige organische Blob-SVGs erzeugen und den Code kopieren
Stell die Anzahl der Eckpunkte und die Komplexität ein, und es entsteht jedes Mal eine andere, wassertropfenartige organische Blob-Form. Kopiere den SVG-Code mit den weich verbundenen Kurven und nutze ihn direkt als Hero-Hintergrund, Avatar-Maske oder Deko-Element.
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Anleitung
- Drück auf „Neue Form erzeugen", bis dir eine Form gefällt.
- Stell mit den Reglern für Eckpunktzahl und Komplexität (Unregelmäßigkeit) die Rundung und Zerklüftung ein.
- Leg eine Farbe fest und kopiere dann den SVG-Code darunter.
- Füge ihn ins HTML ein oder nutze ihn als Hintergrundmaske (clip-path, mask).
FAQ
- Warum ändert sich die Form bei jedem Klick?
- Weil der Radius jedes auf dem Kreisumfang platzierten Eckpunkts zufällig verschoben wird. Selbst bei gleichen Einstellungen erzeugt „Neue Form erzeugen" mit einem neuen Seed eine völlig andere Form.
- Wie werden die Kurven so weich?
- Die Eckpunkte werden von einem Catmull-Rom-Spline in kubische Bézier-Kurven umgewandelt und zu einer geschlossenen Kurve verbunden. Dadurch entstehen keine Knicke, sondern nahtlose Übergänge.
- Darf ich den erzeugten Blob kommerziell nutzen?
- Der Code ist eine rein mathematisch im Browser erzeugte SVG-Form, du kannst sie also ohne Urheberrechtssorgen frei verwenden. Ob sie einem bestimmten Marken-Logo ähnelt, prüfst du zur Sicherheit aber selbst final.