Generator de Valuri SVG
Generator de valuri SVG gratuit online: suprapune 1-5 straturi de valuri line, ajustează linia de bază, amplitudinea, lungimea de undă și netezimea, aplică un gradient în două culori și exportă codul vectorial.
Ce face generatorul de valuri SVG?
Creează forme de valuri decorative ca cod SVG gata de folosit. Poți suprapune 1-5 straturi, fiecare cu propria înălțime a liniei de bază, amplitudine, lungime de undă și netezime, iar toate sunt umplute cu un gradient liniar comun în două culori.
Cum sunt trasate curbele valurilor?
Fiecare strat este produs de un generator de trasee integrat: valul este împărțit în segmente de o jumătate de lungime de undă, iar fiecare segment este trasat cu puncte de control Bezier cubice. Fișierul rămâne minuscul și perfect neted la orice zoom.
Ce schimbă cursorul de netezime?
La 0% segmentele devin linii drepte și valul arată ca un zigzag. Mărind cursorul, punctele de control Bezier se depărtează spre exterior, iar la 100% obții curbe sinusoidale complete.
Unde pot folosi SVG-ul exportat?
Oriunde este acceptat HTML sau SVG: fundaluri hero, separatoare între secțiunile paginii, subsoluri, prezentări și unelte de design. Lipește codul copiat direct în HTML sau salvează fișierul .svg din butonul de descărcare.
Valul rămâne clar la orice dimensiune?
Da. Exportul păstrează un viewBox de 1440x480, grafica fiind geometrie vectorială pură. Întinde-l la 100% din lățimea paginii sau mărește-l pentru tipar — curbele nu se estompează niciodată.
Cum funcționează butonul Aleatoriu?
Alege un număr aleatoriu de straturi între 1 și 5, valori aleatorii noi pentru fiecare parametru și două culori armonioase aleatorii, apoi redesenează previzualizarea instantaneu. Apasă până îți place rezultatul.
Pot folosi culorile mărcii mele?
Da. Cele două sélectoare de culoare stabilesc punctele de început și de sfârșit ale gradientului liniar partajat de toate straturile; schimbându-le, întregul grup de valuri se recolorează dintr-o dată.
Se trimit date către un server?
Nu. Generatorul rulează integral în browserul tău cu JavaScript pur. Culorile și setările tale nu părăsesc niciodată pagina, iar fișierul exportat se creează local pe dispozitivul tău.
Cum se folosește Generator de Valuri SVG
Generatorul de valuri SVG creează forme de valuri stratificate ca un cod SVG curat, gata de lipit. Fiecare strat este o curbă cubică Bézier lină umplută cu un gradient liniar bicolor comun, ceea ce îl face perfect pentru fundaluri de secțiune hero, separatoare de pagină și decorațiuni de subsol. Totul se generează în browserul tău — nimic nu este încărcat.
- Alege câte straturi (1-5) vrei în selectorul de Straturi. Straturile sunt desenate din spate în față, deci fiecare strat nou pictează peste cele anterioare.
- Alege culorile de început și de sfârșit ale gradientului cu cele două selectors de culoare — toate straturile partajează acest gradient liniar.
- Pune la punct fiecare strat cu cei patru glisori ai săi: Înălțimea liniei de bază mută valul în sus sau în jos, Amplitudinea stabilește cât de înalte sunt crestele, Lungimea de undă controlează distanța orizontală între creste, iar Netezimea amestecă de la linii în zigzag drepte (0%) până la curbe sinusoide complete în Bézier cubică (100%).
- Apasă Randomizează pentru a genera instantaneu o combinație nouă de număr de straturi, forme și culori până când ceva arată bine.
- Apasă Descarcă SVG pentru a salva un fișier .svg, sau Copiază codul pentru a pune marcajul SVG complet în clipboard, gata de lipit în orice fișier HTML sau instrument de design.
Pentru separatoare de secțiuni de site, plasează SVG-ul între două blocuri și lasă-l să se întindă la 100% lățime — viewBoxul păstrează curbele nedistorsionate la orice dimensiune. O netezime scăzută cu lungimi de undă scurte dă un aspect desenat de mână, în timp ce netezimea completă cu lungimi lungi arată ca o mare liniștită.
Instrumente conexe
- Optimizator SVG Optimizați și comprimați fișiere SVG instantaneu în browser. Eliminați metadate, comentarii și date inutile, reduceți dimensiunea cu până la 60%.
- Convertor SVG în PNG Convertiți SVG în PNG, JPEG sau WebP instantaneu în browser. Personalizați scala, dimensiunea și culoarea de fundal. Gratuit, privat, fără încărcare.
- Convertor PNG în SVG Convertor PNG în SVG gratuit online. Transformă PNG, JPG și alte imagini bitmap în SVG vectorial scalabil cu control al culorilor și detaliilor - complet în browserul tău.
- Generator de Border-radius Generator de border-radius creativ gratuit online. Trage 8 mânere sau alege o formă blob pentru a crea forme CSS organice și copiază codul instantaneu.
- Convertor Culori Convertor culori online gratuit. Convertiți instantaneu formatele HEX, RGB, HSL, HSV cu selector vizual. 100% privat, rulează în browserul dvs.
- Generator Easing CSS Generator CSS easing online gratuit. Trage punctele de control cubic-bezier pe o curbă interactivă, alege dintre 18 presetări, privește o animație cu minge în buclă și copiază funcția de timing instant.
- Generator Text Shadow CSS Generator text-shadow CSS online gratuit. Stivă mai multe straturi de umbră cu offset, blur, culoare și opacitate, încearcă presetări Neon, 3D, Retro și copiază codul CSS instant.
- Generator CSS Clip Path Generator CSS clip-path online gratuit. Creează forme polygon, circle, ellipse și inset cu puncte glisabile, previzualizare live și copierea codului CSS dintr-un clic.