Generator kształtu blob SVG
Automatycznie generuj organiczne kształty blob w formacie SVG. Dostosuj losowość i złożoność do dekoracji projektów internetowych.
Podgląd
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>Jak używać
Ustaw parametry
Ustaw parametry: złożoność, losowość, rozmiar itp.
Generuj blob
Generuj i podglądaj losowe kształty blob
Skopiuj SVG
Skopiuj kod SVG lub pobierz jako obraz
Funkcje
Generowanie jednym kliknięciem
Natychmiastowe generowanie unikalnych kształtów blob jednym kliknięciem
W pełni konfigurowalny
Swobodnie dostosuj złożoność, losowość, kolor i gradienty
Wiele formatów eksportu
Eksportuj jako kod SVG, plik SVG, obraz PNG i inne
FAQ
🔗Powiązane narzędzia
Przelicznik kodów kolorów
Przeliczaj między kodami kolorów HEX, RGB i HSL. Użyj próbnika kolorów i podglądu w czasie rzeczywistym do intuicyjnego wyboru kolorów.
Próbnik kolorów
Intuicyjnie wybieraj kolory za pomocą koła kolorów i suwaków. Pobieraj i kopiuj kody kolorów w formatach HEX, RGB i HSL.
Ekstraktor kolorów obrazu
Automatycznie wykrywaj dominujące kolory z obrazu i generuj paletę kolorów. Możesz też kliknąć dowolne miejsce na obrazie, aby wybrać pojedyncze kolory.
Pobieracz średniego koloru obrazu
Oblicz średni kolor całego obrazu lub wybranego obszaru. Przydatny do wybierania schematów kolorów lub kolorów tła miniatur.
Generator CSS gradient
Wizualnie twórz gradienty CSS za pomocą przeciąganych kontrolek. Obsługuje typy gradientów liniowych, radialnych i stożkowych z presetami.
Generator CSS box-shadow
Wizualnie twórz CSS box-shadow za pomocą suwaków. Obsługuje wiele cieni i cienie wewnętrzne.