DARMOWE NARZĘDZIE

Generator Blobs

Generuj randomowe, organiczne kształty blob jako SVG lub CSS clip-path. Kontroluj złożoność i rozmiar. Kopiuj kod lub pobierz SVG. Profesjonalne narzędzie online, które działa w Twojej przeglądarce. Szybko, bezpiecznie i bez instalowania zbędnego oprogramowania.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Szerokość

Wysokość

Points

Randomness

Smoothness

Fill

Stroke

Stroke width

Seed

Wynik

Ustaw parametry i kliknij „Przetwórz”, aby zobaczyć wynik.

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Generator kształtów blob SVG online

Jeden kształt blob pasuje do każdego projektu. Generator tworzy unikalne, organiczne SVG blobs z kontrolą nad złożonością, kolorami i animacją – do skopiowania lub pobrania.

blob SVG organiczny kształt clip-path CSS SVG generator

Parametry kształtu

Złożoność (3–12 punktów krzywej), nieregularność (jak bardzo krawędzie odbiegają od okręgu), rozmiar, kolor wypełnienia i obramowania, zaokrąglenie.

Wyjście

SVG inline (wklej w HTML), data URI (do background-image CSS), clip-path polygon/path (dla CSS clip-path), React/Vue komponent.

Najczęstsze pytania

Jak wygenerować kilka różnych blobów?

Kliknij Odśwież – każdy klik generuje inny kształt z tymi samymi ustawieniami. Zapisz ulubione kliknięciem serca.

Czy blob ma stały rozmiar?

SVG jest wektorowy – skaluje się bez utraty jakości do dowolnego rozmiaru.

Co to CSS clip-path?

Właściwość CSS przycinająca element do zadanego kształtu – możesz nałożyć blob-clip na zdjęcie i dostaniesz organicznie przycięty obraz.

Inne efekty: generator kompozycji blob i mesh gradienty.