Väčšina generátorov gradientu vám dá iba riadok CSS kódu. Tento nástroj vykreslí gradient na skutočné plátno (canvas) a umožní vám stiahnuť hotové PNG v presnej veľkosti v pixeloch, akú potrebujete - tapetu na telefón, pozadie plochy 1920x1080, štvorcový príspevok na sociálnu sieť alebo vlastný rozmer. Nič sa nikam neposiela: obrázok sa vykresľuje a ukladá kompletne na vašom zariadení, takže vaše farby a súbory zostávajú súkromné.
Bezplatný generátor gradientu
Beží celý vo vašom prehliadači - bez nahrávania, bez registrácie.
Typ
Veľkosť obrázka
px
Body prechodu
Uloží skutočný PNG s veľkosťou 1920×1080 px
Čo je generátor gradientu?
Generátor gradientu je nástroj, ktorý zmieša dve alebo viac farieb do plynulého prechodu a exportuje ho ako obrázok na stiahnutie. Vyberte si farby a body prechodu, zvoľte lineárny alebo radiálny typ, nastavte veľkosť a uložte PNG ako tapetu, pozadie, banner alebo náhľadový obrázok. Všetko beží priamo vo vašom prehliadači.
Ako na to
- 1Zvoľte lineárny alebo radiálny typ. Lineárny prelína farby pozdĺž priamky pod zadaným uhlom; radiálny ich šíri von zo stredu v tvare kruhu.
- 2Nastavte farby a body prechodu. Kliknutím na vzorku vyberte farbu a potiahnutím posuvníka presuňte bod. Pridajte až 8 bodov alebo ich odoberte až na 2, a tlačidlo Náhodne vám poradí rýchly nápad.
- 3Vyberte veľkosť obrázka. Klepnite na predvoľbu (desktop, telefón, štvorec, sociálna sieť) alebo zadajte vlastnú šírku a výšku v pixeloch. Náhľad sa aktualizuje živo.
- 4Stiahnite PNG. Kliknite na Stiahnuť PNG a uložte gradient ako obrázok v plnom rozlíšení, alebo skopírujte CSS a použite rovnaký gradient v kóde.
Pre koho je nástroj určený
- Dizajnéri a tvorcovia obsahu, ktorí potrebujú čisté gradientové pozadie pre prezentáciu, náhľad, banner alebo story bez otvárania Photoshopu.
- Používatelia telefónov a počítačov, ktorí si vytvárajú vlastnú gradientovú tapetu presne v rozlíšení svojej obrazovky.
- Vývojári, ktorí potrebujú odľahčený gradientový PNG placeholder alebo hero obrázok, spolu so zodpovedajúcim CSS kódom na jeho reprodukciu.
- Správcovia sociálnych sietí, ktorí exportujú gradientové pozadia v štýle značky vo veľkostiach pre príspevky, story a titulné obrázky.
Časté otázky
Je tento generátor gradientu zadarmo?
Áno - je 100 % zadarmo, bez registrácie, bez vodoznakov a bez obmedzení. Vytvárajte a sťahujte toľko gradientových obrázkov, koľko chcete.
Odosiela sa niečo na server?
Nie. Gradient sa vykresľuje a ukladá kompletne vo vašom prehliadači pomocou canvasu. Žiadne farby, obrázky ani údaje o používaní sa nikam neodosielajú.
V akom formáte sa obrázok exportuje?
Exportuje sa ako PNG, ktorý zachováva gradient dokonale hladký a bezstratový, bez artefaktov kompresie. Súbor sa uloží v plnej pixelovej veľkosti, ktorú ste nastavili, a je pripravený na použitie ako tapeta, pozadie alebo na nahratie.
Akú veľkosť zvoliť pre gradientovú tapetu?
Prispôsobte ju obrazovke. Bežné voľby sú 1920x1080 pre väčšinu počítačov, 1080x1920 pre telefón na výšku a 1080x1080 pre štvorcový príspevok na sociálnej sieti. Môžete tiež zadať ľubovoľnú vlastnú šírku a výšku až do 8000 pixelov.
Aký je rozdiel medzi lineárnym a radiálnym gradientom?
Lineárny gradient prelína farby pozdĺž priamky pod zvoleným uhlom, takže sa farba mení naprieč obrázkom. Radiálny gradient začína v strednom bode a šíri sa von do kruhu, takže sa farba mení od stredu k okrajom.
Môžem získať okrem obrázka aj CSS?
Áno. Popri stiahnutom PNG nástroj zobrazuje zodpovedajúci CSS kód background-image. Skopírujte ho a rovnaký gradient reprodukujte na webe alebo v aplikácii namiesto použitia obrázkového súboru.
Ako fungujú body prechodu (color stops)?
Každý bod spája farbu s pozíciou od 0 % do 100 % pozdĺž gradientu. Prechod medzi susednými bodmi prebieha plynulo. Umiestnenie dvoch bodov na rovnakú pozíciu vytvorí ostrú hranu namiesto plynulého prechodu, čo sa hodí na pruhy alebo blokové farebné pozadie.