Generátor CSS gradientov
Vytvorte lineárne alebo radiálne gradienty s až 4 farbami a skopírujte hotový CSS kód.
Ako vytvoriť CSS gradient online
Vyberte typ degradácie
Vyberte lineárny alebo radiálny gradient podľa efektu, ktorý chcete dosiahnuť.
Pridajte a upravte farby
Pridajte až 4 farby, zmeňte ich poradie a upravte uhol alebo polohu gradientu.
Skopírujte kód CSS
Stlačte tlačidlo kopírovania a vložte kód priamo do vášho súboru štýlov.
Často kladené otázky o generátore gradientov
Gradienty sú jednoduchý spôsob, ako pridať hĺbku a štýl do akéhokoľvek webového dizajnu. Tento nástroj vygeneruje presný CSS kód, ktorý potrebujete, bez nutnosti ručného písania.
Aké typy prechodu si môžem vytvoriť?
+
Môžeš vytvoriť lineárne prechody (v ľubovoľnom uhle) a radiálne prechody.
Koľko farieb si môžem použiť?
+
Môžeš kombinovať 2 až 4 farby v tom istom prechode.
Funguje kód vo všetkých prehliadačoch?
+
Áno, generuje sa so štandardnou syntaxou CSS, kompatibilná so všetkými modernými prehliadačmi.
Potrebujem nainštalovať nejaký program?
+
Nie, netreba nič inštalovať. Funguje priamo z prehliadača.
Je to zadarmo?
+
Áno, tento nástroj je úplne bezplatný.
Môžem použiť gradient ako pozadie obrázka?
+
Generovaný kód je čistý CSS; ak potrebuješ obrázok, môžeš urobiť snímku obrazovky náhľadu.
Preskúmajte farby podľa rodiny
Viac ako 469 pomenovaných farieb s ich kódmi HEX, RGB, HSL a CMYK, organizovaných do 12 farebných skupín.