CSS Gradient Generator
Vizuálne vytvorte prechody CSS: lineárny, radiálny alebo kužeľový typ, posúvač uhla a až šesť farebných zarážok so živým náhľadom v plnej šírke a kopírovateľným kódom.
Výsledok
Ručné písanie lineárneho gradientu (135 stupňov, #2193b0 0%, #6dd5ed 100%) a opätovné načítanie stránky, aby ste ju videli, je pomalá slučka. Tento generátor to uzavrie: vyberte lineárny, radiálny alebo kužeľový, potiahnite posúvač uhla, nastavte každú zarážku farby pomocou natívneho výberu farby a percentuálnej polohy – a náhľad na celú šírku sa prekreslí na každý jednotlivý vstup, pričom hotová čiara pozadia je vždy pripravená na kopírovanie.
Tri typy gradientov pokrývajú rôzne úlohy. Lineárne prechody miznú pozdĺž smeru a nesú väčšinu sekcií a tlačidiel hrdinov; radiálne gradienty vyžarujúce zo stredu pre žiary a vinety; kužeľové prechody prechádzajú okolo stredu a mocenské koláčové grafy a farebné kolieska. Typy môžete zmeniť kedykoľvek – vaše zastávky sa prenesú, takže porovnanie týchto troch trvá niekoľko sekúnd.
Až šesť farebných zastávok vám poskytne priestor pre viacpásmové návrhy a prednastavené stránky ponúkajú osvedčené kombinácie – teplý západ slnka, pokojný oceán a jemný pastelový pár – ako východiskové body, ktoré môžete vylepšiť namiesto prázdnych plátien. Všimnite si deľbu práce: generátor farebnej palety na tejto stránke vyberá harmonické ploché farby a prevodník farebných formátov prevádza hodnotu medzi HEX, RGB a HSL, zatiaľ čo tento nástroj robí inú prácu – premieňa vybrané farby na pripravený kód prechodu CSS.
Všetko beží lokálne vo vašom prehliadači: žiadne nahrávanie, žiadny účet, žiadne spiatočné cesty na server a generátor po načítaní funguje offline.