Většina generátorů gradientu vám dá jen řádek CSS kódu. Tento nástroj vykreslí gradient na skutečné plátno (canvas) a umožní vám stáhnout hotové PNG v přesné velikosti v pixelech, kterou potřebujete - tapetu na telefon, pozadí plochy 1920x1080, čtvercový příspěvek na sociální síť nebo vlastní rozměr. Nic se nikam nenahrává: obrázek se vykresluje a ukládá kompletně na vašem zařízení, takže vaše barvy a soubory zůstávají soukromé.
Bezplatný generátor gradientu
Běží celé ve vašem prohlížeči - nic se nenahrává, žádná registrace.
Typ
Velikost obrázku
px
Body přechodu
Uloží skutečný PNG o velikosti 1920×1080 px
Co je generátor gradientu?
Generátor gradientu je nástroj, který smíchá dvě nebo více barev do plynulého přechodu a exportuje jej jako obrázek ke stažení. Vyberte si barvy a body přechodu, zvolte lineární nebo radiální typ, nastavte velikost a uložte PNG jako tapetu, pozadí, banner nebo náhledový obrázek. Vše běží přímo ve vašem prohlížeči.
Jak na to
- 1Zvolte lineární nebo radiální typ. Lineární prolíná barvy podél přímky pod zadaným úhlem; radiální je šíří ven ze středu ve tvaru kruhu.
- 2Nastavte barvy a body přechodu. Kliknutím na vzorek vyberte barvu a přetažením posuvníku přesuňte bod. Přidejte až 8 bodů nebo je odeberte až na 2, a tlačítko Náhodně vám poradí rychlý nápad.
- 3Vyberte velikost obrázku. Klepněte na předvolbu (desktop, telefon, čtverec, sociální síť) nebo zadejte vlastní šířku a výšku v pixelech. Náhled se aktualizuje živě.
- 4Stáhněte PNG. Klikněte na Stáhnout PNG a uložte gradient jako obrázek v plném rozlišení, nebo zkopírujte CSS a použijte stejný gradient v kódu.
Pro koho je nástroj
- Designéři a tvůrci obsahu, kteří potřebují čisté gradientové pozadí pro prezentaci, náhled, banner nebo story bez otevírání Photoshopu.
- Uživatelé telefonů a počítačů, kteří si vytvářejí vlastní gradientovou tapetu přesně v rozlišení svého displeje.
- Vývojáři, kteří potřebují odlehčený gradientový PNG placeholder nebo hero obrázek, spolu s odpovídajícím CSS kódem pro jeho reprodukci.
- Správci sociálních sítí, kteří exportují gradientová pozadí v barvách značky ve velikostech pro příspěvky, story a titulní obrázky.
Časté dotazy
Je tento generátor gradientu zdarma?
Ano - je 100% zdarma, bez registrace, bez vodoznaků a bez omezení. Vytvářejte a stahujte tolik gradientových obrázků, kolik chcete.
Nahrává se něco na server?
Ne. Gradient se vykresluje a ukládá kompletně ve vašem prohlížeči pomocí canvasu. Žádné barvy, obrázky ani údaje o používání se nikam neodesílají.
V jakém formátu se obrázek exportuje?
Exportuje se jako PNG, který zachovává gradient dokonale hladký a bezztrátový, bez artefaktů komprese. Soubor se uloží v plné pixelové velikosti, kterou jste nastavili, a je připravený k použití jako tapeta, pozadí nebo k nahrání.
Jakou velikost zvolit pro gradientovou tapetu?
Přizpůsobte ji obrazovce. Běžné volby jsou 1920x1080 pro většinu počítačů, 1080x1920 pro telefon na výšku a 1080x1080 pro čtvercový příspěvek na sociální síti. Můžete také zadat libovolnou vlastní šířku a výšku až do 8000 pixelů.
Jaký je rozdíl mezi lineárním a radiálním gradientem?
Lineární gradient prolíná barvy podél přímky pod zvoleným úhlem, takže se barva mění napříč obrázkem. Radiální gradient začíná ve středovém bodě a šíří se ven do kruhu, takže se barva mění od středu k okrajům.
Můžu získat kromě obrázku i CSS?
Ano. Vedle staženého PNG nástroj zobrazuje odpovídající CSS kód background-image. Zkopírujte ho a stejný gradient reprodukujte na webu nebo v aplikaci místo použití obrázkového souboru.
Jak fungují body přechodu (color stops)?
Každý bod spojuje barvu s pozicí od 0 % do 100 % podél gradientu. Přechod mezi sousedními body probíhá plynule. Umístění dvou bodů na stejnou pozici vytvoří ostrou hranu místo plynulého přechodu, což se hodí pro pruhy nebo blokové barevné pozadí.