Majoritatea instrumentelor de gradient îți oferă doar o linie de cod CSS. Acesta redă gradientul pe un canvas real și îți permite să descarci PNG-ul finit la dimensiunea exactă în pixeli de care ai nevoie - un fundal de telefon, un background de desktop 1920x1080, o postare pătrată pentru social media sau o dimensiune personalizată. Nimic nu este încărcat pe server: imaginea este desenată și salvată în întregime pe dispozitivul tău, așa că fișierele și culorile tale rămân private.
Generator de Gradient Gratuit
Rulează integral în browserul tău - fără încărcare, fără cont.
Tip
Dimensiune imagine
px
Puncte de oprire a culorii
Salvează un PNG real la 1920×1080 px
Ce este un generator de gradient?
Un generator de gradient este un instrument care amestecă două sau mai multe culori într-o tranziție lină și o exportă ca imagine pe care o poți descărca. Alegi culorile și punctele de oprire, optezi pentru liniar sau radial, setezi dimensiunea și salvezi un PNG pentru un fundal de ecran, un background, un banner sau o miniatură. Totul rulează în browserul tău.
Cum se folosește
- 1Alege liniar sau radial. Gradientul liniar amestecă culorile de-a lungul unei linii drepte, la unghiul pe care îl setezi; cel radial le extinde dinspre centru spre exterior, sub formă de cerc.
- 2Setează culorile și punctele de oprire. Apasă pe o mostră de culoare pentru a o alege și trage cursorul pentru a muta punctul de oprire. Adaugă până la 8 puncte de oprire sau elimină până la 2, iar pentru o idee rapidă apasă Randomizare.
- 3Alege dimensiunea imaginii. Atinge un preset (desktop, telefon, pătrat, social media) sau introdu manual o lățime și o înălțime personalizate, în pixeli. Previzualizarea se actualizează live.
- 4Descarcă PNG-ul. Apasă Descarcă PNG pentru a salva gradientul ca imagine la rezoluție completă, sau copiază codul CSS pentru a refolosi același gradient în cod.
Pentru cine este
- Designeri și creatori de conținut care au nevoie de o imagine de fundal cu gradient curată pentru un slide, o miniatură, un banner sau o story, fără să deschidă Photoshop.
- Utilizatorii de telefon și desktop care își fac un fundal de ecran cu gradient personalizat, exact la rezoluția ecranului lor.
- Dezvoltatorii care vor un PNG ușor cu gradient ca imagine placeholder sau hero, plus codul CSS corespunzător pentru a-l reproduce în cod.
- Social media managerii care exportă fundaluri cu gradient în stilul brandului, la dimensiunile potrivite pentru postări, story-uri și imagini de copertă.
Întrebări frecvente
Este gratuit acest generator de gradient?
Da - 100% gratuit, fără înregistrare, fără filigran și fără limite. Creează și descarcă oricâte imagini cu gradient dorești.
Se încarcă ceva pe un server?
Nu. Gradientul este desenat și salvat în întregime în browserul tău, folosind canvas. Nu se trimite nicăieri nicio culoare, imagine sau date de utilizare.
În ce format de imagine se exportă?
Se exportă un PNG, care păstrează gradientul perfect neted și fără pierderi, fără artefacte de compresie. Fișierul este salvat la dimensiunea completă în pixeli pe care ai setat-o, gata de folosit ca fundal de ecran, background sau de încărcat altundeva.
Ce dimensiune ar trebui să aleg pentru un fundal de ecran cu gradient?
Potrivește-o cu ecranul tău. Alegerile obișnuite sunt 1920x1080 pentru majoritatea desktopurilor, 1080x1920 pentru un telefon în mod portret și 1080x1080 pentru o postare pătrată pe social media. Poți introduce și orice lățime și înălțime personalizate, până la 8000 de pixeli.
Care este diferența dintre un gradient liniar și unul radial?
Un gradient liniar amestecă culorile de-a lungul unei linii drepte, la unghiul ales de tine, așa că nuanța se schimbă de-a lungul imaginii. Un gradient radial pornește dintr-un punct central și se extinde spre exterior sub formă de cerc, așa că nuanța se schimbă dinspre mijloc spre margini.
Pot obține și codul CSS, pe lângă imagine?
Da. Pe lângă PNG-ul descărcabil, instrumentul afișează și codul CSS background-image corespunzător. Copiază-l pentru a reproduce exact același gradient într-un site sau o aplicație, în loc să folosești fișierul imagine.
Cum funcționează punctele de oprire ale culorii?
Fiecare punct de oprire asociază o culoare cu o poziție între 0% și 100% de-a lungul gradientului. Trecerea se face lin între punctele vecine. Dacă pui două puncte de oprire în aceeași poziție, obții o margine dură în loc de o tranziție lină, ceea ce este util pentru dungi sau fundaluri cu blocuri de culoare.