SVG-Blob-Generator

Ähnliche Tools: CSS & DESIGN

Alle anzeigen

Code zu Bild

Code-Snippets in ansprechende Screenshots verwandeln, mit mehreren Farbschemata

Öffnen →

CSS-Verlaufsgenerator

Lineare, radiale und konische Verläufe visuell gestalten und das CSS sofort kopieren

Öffnen →

💬 Kommentare

?

Noch keine Kommentare. Schreiben Sie den ersten!

Was ist SVG-Blob-Generator?

Erzeugen Sie zufällige, organische SVG-Blob-Formen mit einstellbarer Komplexität, Zufälligkeit und Füllung – gut für Hintergrunddekoration oder Illustrationen – und kopieren Sie die SVG oder einen clip-path.

Anleitung

„Komplexität“ (3–10) legt die Anzahl der Punkte fest; je höher, desto detailreicher. „Zufälligkeit“ steuert, wie weit die Punkte von einem perfekten Kreis abweichen – 0 ist nahezu rund, 100 am unregelmäßigsten.
Klicken Sie auf die 6 Farbkreise, um einen Verlauf (Lila, Rose, Cyan, Bernstein, Pink) oder eine einfarbige Füllung zu wählen – die Vorschau wird sofort aktualisiert.
Wählen Sie aus 5 CSS-Animationen (Keine, Puls, Schweben, Wackeln, Drehen). Die exportierte SVG-Datei enthält automatisch den passenden @keyframes-Code.
Klicken Sie auf „Zufällig erzeugen“, um sofort zu einer neuen Form zu springen. Haben Sie eine passende gefunden, verfeinern Sie sie mit Komplexität und Zufälligkeit.
Vier Exportoptionen in der unteren Leiste: „SVG kopieren“ für das vollständige Markup, „clip-path kopieren“ für CSS-path() zum Maskieren, „SVG“ zum Herunterladen als Vektordatei und „PNG“ als 800×800-Rasterbild.

Häufig gestellte Fragen

Was ist der SVG-Blob-Generator?

Er erzeugt organische, weich geformte Blob-SVG-Grafiken mit anpassbarer Farbe, Komplexität und Zufälligkeit.

Wo kann die SVG verwendet werden?

Sie lässt sich in HTML/CSS einbetten oder herunterladen und in Figma, Illustrator usw. importieren.

Erzeugt jeder Klick eine andere Form?

Ja. Jeder Klick auf „Neu erzeugen“ erzeugt eine neue, zufällige Blob-Form.