Generátor CSS přechodů
Vytvoří lineární nebo radiální přechody s až 4 barvami a zkopíruje hotový CSS kód.
Jak vytvořit CSS gradient online
Zvolte typ degradace
Vyberte lineární nebo radiální podle efektu, kterého chcete dosáhnout.
Přidejte a upravte barvy
Přidejte až 4 barvy, změňte jejich pořadí a upravte úhel nebo polohu přechodu.
Zkopírujte kód CSS
Klikněte na tlačítko kopírovat a vložte kód přímo do své tabulky stylů.
Často kladené otázky o generátoru přechodů
Přechody jsou jednoduchý způsob, jak přidat hloubku a styl do jakéhokoli webového designu. Tento nástroj vygeneruje přesný kód CSS, který potřebujete, bez ručního psaní.
Jaké typy přechodů mohu vytvořit?
+
Můžete vytvářet lineární přechody (v libovolném úhlu) a radiální přechody.
Kolik barev mohu použít?
+
Můžete kombinovat 2 až 4 barvy ve stejném přechodu.
Funguje kód ve všech prohlížečích?
+
Ano, generuje se se standardní syntaxí CSS, kompatibilní se všemi moderními prohlížeči.
Musím si něco instalovat?
+
Ne, není třeba nic instalovat. Funguje přímo v prohlížeči.
Je to zdarma?
+
Ano, tento nástroj je zcela bezplatný.
Mohu použít gradient jako pozadí obrázku?
+
Vygenerovaný kód je čistý CSS; pokud potřebuješ obrázek, můžeš si pořídit snímek obrazovky náhledu.
Barvy
Převodník barev (HEX, RGB, HSL, CMYK)
Okamžitě převádějte libovolnou barvu mezi HEX, RGB, HSL a CMYK s živým náhledem a nejbližším názvem barvy.
Generátor barevné palety
Vytvořte harmonické palety 5 barev (komplementární, analogické, triádické nebo monochromatické) z jedné základní barvy.
Kontrola kontrastu WCAG
Zkontroluj, zda kombinace barvy textu a pozadí splňuje úrovně dostupnosti AA a AAA.
Náhodná barva
Vygenerujte náhodnou barvu jedním kliknutím a zjistěte její název, HEX/RGB/HSL kód a podobné barvy.
Výběr barvy (kapátko)
Vyberte libovolnou barvu ze své obrazovky pomocí nástroje kapátko v prohlížeči, nebo použijte klasický selektor barev.
Simulátor barvosleposti
Nahrajte obrázek a zjistěte, jak by jej viděli lidé s protanopií, deuteranopií nebo tritanopií.
Generátor Mesh Gradientů
Vytvárej pozadí s mesh gradienty (rozmáznuté barevné skvrny) a stahuj je jako PNG nebo kopíruj CSS kód.
Generátor tónů a stínů
Automaticky generujte nejsvětlejší tóny a nejtmavější stíny jakékoli barvy spolu s jejím HEX kódem.
Směšovač Barev
Smíchej dvě barvy a objevuj mezilehlé odstíny krok za krokem s jejich HEX kódem.
Barevné kolo (Harmonie)
Vyberte barvu na kole a objevte její harmonické kombinace: doplňkové, analogické, triadické a další.
Extraktor palety barev z obrázku
Nahrajte obrázek a automaticky extrahujte jeho dominantní barvy do palety s HEX kódem každé z nich.
Průměrná Barva Obrázku
Nahrajte obrázek a okamžitě vypočítejte jeho průměrnou barvu s kódy HEX, RGB a HSL.
Prozkoumejte barvy podle skupiny
Více než 469 pojmenovaných barev s jejich HEX, RGB, HSL a CMYK kódy, organizované do 12 skupin odstínů.
