Generátor vln SVG
Bezplatný generátor vln SVG online: vrstvěte 1-5 hladkých vln, nastavte základní linii, amplitudu, vlnovou délku a hladkost, použijte dvoubarevný přechod a exportujte vektorový kód.
Co dělá generátor vln SVG?
Vytváří dekorativní vlnové tvary jako hotový kód SVG. Můžete vrstvit 1-5 vrstev, každá s vlastní výškou základní linie, amplitudou, vlnovou délkou a hladkostí, a všechny vyplnit jedním sdíleným dvoubarevným lineárním přechodem.
Jak se kreslí křivky vln?
Každou vrstvu vytváří vestavěný generátor cest: vlna se rozdělí na úseky o poloviční vlnové délce a každý úsek se kreslí kubickými řídicími body Bézierovy křivky. Soubor zůstává malinký a při jakémkoli přiblížení dokonale hladký.
Co mění posuvník hladkosti?
Při 0 % se úseky stanou přímými čarami a vlna vypadá jako cik-cak. Zvyšováním se řídicí body Bézierovy křivky rozestupují ven a při 100 % dostanete plné sinusovité křivky.
Kde mohu exportovaný SVG použít?
Všude, kde funguje HTML nebo SVG: pozadí hero sekcí, oddělovače mezi bloky stránky, zápatí, prezentace a grafické nástroje. Zkopírovaný kód vložte přímo do HTML nebo uložte soubor .svg tlačítkem stažení.
Zůstane vlna ostrá v jakékoli velikosti?
Ano. Export si uchovává viewBox 1440x480, grafika je čistá vektorová geometrie. Roztáhněte ji na 100 % šířky stránky nebo zvětšete pro tisk — křivky se nikdy nerozmazou.
Jak funguje tlačítko Náhodně?
Vybere nový náhodný počet vrstev mezi 1 a 5, nové náhodné hodnoty každého parametru a dvě harmonické náhodné barvy a okamžitě překreslí náhled. Mačkejte, dokud se výsledek zalíbí.
Mohu použít barvy své značky?
Ano. Dva výběry barev nastavují počáteční a koncový bod lineárního přechodu sdíleného všemi vrstvami — změnou se přebareví celá skupina vln najednou.
Odesílají se nějaká data na server?
Ne. Generátor běží celý ve vašem prohlížeči v čistém JavaScriptu. Vaše barvy a nastavení nikdy neopustí stránku a exportovaný soubor vzniká lokálně na vašem zařízení.
Jak používat Generátor vln SVG
Generátor vln SVG vytváří vrstvené vlnové tvary jako čistý, připravený ke vložení SVG kód. Každá vrstva je hladká kubická Bézierova křivka vyplněná sdíleným dvoubarevným lineárním přechodem, což z ní dělá ideální volbu pro pozadí hero sekcí, oddělovače stránek a dekorace zápatí. Vše se generuje ve vašem prohlížeči — nic se nenahrává.
- Zvolte ve volbě Vrstvy, kolik vrstev (1-5) chcete. Vrstvy se kreslí zezadu dopředu, takže každá nová vrstva maluje přes ty předchozí.
- Zvolte počáteční a koncovou barvu přechodu dvěma výběry barev — všechny vrstvy sdílejí tento lineární přechod.
- Doladěte každou vrstvu jejími čtyřmi posuvníky: Výška základní linie posouvá vlnu nahoru nebo dolů, Amplituda určuje, jak vysoké jsou hřebeny, Vlnová délka ovládá vodorovnou vzdálenost mezi hřebeny a Hladkost přechází od přímých klikatých linek (0%) k plně sinusovým kubickým Bézierovým křivkám (100%).
- Stiskněte Náhodně a okamžitě vygenerujte svěží kombinaci počtu vrstev, tvarů a barev, dokud něco nebude vypadat správně.
- Stiskněte Stáhnout SVG k uložení souboru .svg, nebo Kopírovat kód, abyste vložili kompletní SVG značku do schránky — připravenou k vložení do jakéhokoli HTML souboru nebo designového nástroje.
Pro oddělovače sekcí webu umístěte SVG mezi dva bloky a nechte jej roztáhnout na 100 % šířky — viewBox udrží křivky bez zkreslení v každé velikosti. Nízká hladkost s krátkými vlnovými délkami působí ručně kresleně, plná hladkost s dlouhými vlnami vypadá jako klidné moře.
Související nástroje
- Optimalizátor SVG Optimalizujte a komprimujte SVG soubory okamžitě v prohlížeči. Odstraňte metadata, komentáře a zbytečná data editoru, zmenšete velikost až o 60%.
- Převodník SVG na PNG Převeďte SVG na PNG, JPEG nebo WebP okamžitě v prohlížeči. Přizpůsobte měřítko, velikost a barvu pozadí. Zdarma, soukromé, bez nahrávání.
- Konvertor PNG na SVG Bezplatný konvertor PNG na SVG online. Proměňte PNG, JPG a další bitmapy v škálovatelné vektorové SVG s kontrolou barev a detailů - zcela ve vašem prohlížeči.
- Generátor border-radius Bezplatný kreativní generátor border-radius online. Tažením 8 úchopů nebo výběrem tvaru blob vytvoříte organické CSS tvary a okamžitě zkopírujete kód.
- Převodník barev Bezplatný online převodník barev. Okamžitý převod formátů HEX, RGB, HSL, HSV s vizuálním výběrem. 100% soukromí, běží ve vašem prohlížeči.
- Generátor easing CSS Bezplatný online generátor easing CSS. Přetahujte kontrolní body cubic-bezier na interaktivní křivce, vyberte si z 18 předvoleb, sledujte smyčkovou animaci koule a okamžitě zkopírujte časovací funkci.
- Generátor text-shadow CSS Bezplatný online generátor text-shadow CSS. Vrstvte více stínů s posunem, rozostřením, barvou a neprůhledností, vyzkoušejte předvolby Neon, 3D, Retro a okamžitě zkopírujte CSS.
- Generátor CSS clip-path Bezplatný online generátor CSS clip-path. Navrhujte tvary polygon, circle, ellipse a inset s tažitelnými body, živým náhledem a zkopírováním kódu CSS na jedno kliknutí.