Generátor prechodov

Vytvor lineárny alebo radiálny prechod z ľubovoľných farieb, nastav uhol a skopíruj hotový CSS kód alebo si stiahni obrázok.

Farby prechodu
Typ
Uhol 135°
klikni a skopíruj

Čo je farebný prechod?

Prechod (gradient) je plynulý prechod medzi dvoma alebo viacerými farbami. Vo webdizajne sa prechody často používajú na pozadia, tlačidlá a hlavičky. Dodajú hĺbku a moderný vzhľad s minimom kódu.

Lineárny, alebo radiálny prechod?

Lineárny prechod mení farbu pozdĺž priamky. Smer určuješ uhlom (0° mieri nahor, 90° doprava). Radiálny prechod začína v strede a šíri sa do kruhu. Tento generátor vytvorí oba typy a dá ti zodpovedajúci CSS kód (linear-gradient alebo radial-gradient).

Ako ho použiť v CSS

Skopíruj kód a vlož ho do vlastnosti background svojho prvku. Môžeš pridať viac farieb a každú z nich upraviť. Ak k tomu potrebuješ aj ladiacu farebnú paletu, vyskúšaj generátor paliet. Pred umiestnením textu si skontroluj kontrast.