Blob-Formen-Generator
Eckpunkte und Komplexität einstellen, zufällige organische Blob-SVGs erzeugen und den Code kopieren
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
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.
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.