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.
Jak generovat odstíny a stíny barvy
Vyberte základní barvu
Vyberte výchozí barvu pomocí vizuálního selektoru nebo zadejte její HEX kód.
Zkontrolujte odstíny a stíny
Automaticky se vám zobrazí 5 světlejších odstínů (tónů) a 5 tmavších (stínů) generovaných z vaší barvy.
Zkopíruj HEX kód, který potřebuješ
Klikni na libovolný vzorek a zkopíruj jeho HEX kód do schránky.
Často kladené otázky k generátoru odstínů a stínů
Mít k dispozici světlejší a tmavší varianty barvy je nezbytné pro vytvoření konzistentní designové palety (například pro stavy při najetí myší, pozadí nebo okraje). Tento nástroj je vypočítá automaticky.
Jaký je rozdíl mezi tónem (tint) a stínem (shade)?
+
Tón se vytvoří mícháním barvy s bílou (zesvětlením) a stín se vytvoří mícháním s černou (ztmavením).
Kolik variant generuje?
+
Generuje 5 světlejších tónů a 5 tmavších stínů z vaší základní barvy, celkem 10.
Mohu kopírovat kódy?
+
Ano, klikněte na jakoukoli barvu v seznamu a zkopírujte její HEX kód.
Lze jej použít k vytvoření barevné palety typu Tailwind?
+
Ano, jde přesně o stejný koncept jako barevné stupnice 50-900, které používají mnohé systémy návrhu.
Je to zdarma?
+
Ano, tento nástroj je zcela bezplatný.
Bude moje barva nahrána na nějaký server?
+
Ne, všechny výpočty se provádějí přímo v tvém prohlížeči.
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.
Generátor CSS přechodů
Vytvoří lineární nebo radiální přechody s až 4 barvami a zkopíruje hotový CSS kód.
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.
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ů.
