SVG-Blob-Generator
Organische Blob-förmige SVGs automatisch erzeugen. Zufälligkeit und Komplexität für Webdesign-Dekorationen anpassen.
Vorschau
SVG
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path d="M 270.05 200.00 C 270.25 233.61, 313.10 272.60, 301.43 301.43 C 289.75 330.26, 229.50 377.27, 200.00 372.96 C 170.50 368.65, 144.88 304.39, 124.44 275.56 C 103.99 246.74, 76.22 224.08, 77.33 200.00 C 78.43 175.92, 110.63 165.51, 131.07 131.07 C 151.52 96.63, 171.81 -1.41, 200.00 -6.62 C 228.19 -11.84, 288.54 65.35, 300.21 99.79 C 311.89 134.22, 269.84 166.39, 270.05 200.00 Z" fill="#6366f1" />
</svg>Anleitung
Parameter festlegen
Parameter festlegen: Komplexität, Zufälligkeit, Größe usw.
Blob erzeugen
Zufällige Blob-Formen erzeugen und in der Vorschau anzeigen
SVG kopieren
SVG-Code kopieren oder als Bild herunterladen
Funktionen
Ein-Klick-Erzeugung
Einzigartige Blob-Formen sofort mit einem Klick erzeugen
Vollständig anpassbar
Komplexität, Zufälligkeit, Farbe und Farbverläufe frei anpassen
Mehrere Exportformate
Export als SVG-Code, SVG-Datei, PNG-Bild und mehr
FAQ
🔗Verwandte Tools
Farbcode-Konverter
Konvertieren Sie zwischen HEX-, RGB- und HSL-Farbcodes. Verwenden Sie die Farbauswahl und Echtzeit-Vorschau für intuitive Farbwahl.
Farbwähler
Wählen Sie Farben intuitiv mit einem Farbrad und Schiebereglern. Farbcodes in HEX, RGB und HSL kopieren.
Bild-Farbextraktor
Dominante Farben aus einem Bild automatisch erkennen und eine Farbpalette erzeugen. Sie können auch auf eine beliebige Stelle im Bild klicken, um einzelne Farben aufzunehmen.
Bild-Durchschnittsfarbe-Picker
Berechnen Sie die Durchschnittsfarbe eines gesamten Bildes oder eines ausgewählten Bereichs. Nützlich für Farbschemata oder Thumbnail-Hintergrundfarben.
CSS Farbverlauf-Generator
Erstellen Sie CSS-Farbverläufe visuell mit Ziehsteuerung. Unterstützt lineare, radiale und konische Farbverläufe mit Vorlagen.
CSS Box-Shadow-Generator
Erstellen Sie CSS box-shadow visuell mit Schiebereglern. Unterstützt mehrere Schatten und Inset-Schatten.