Generátor barevné palety
Vytvářejte krásné, harmonické barevné palety okamžitě s naším bezplatným online generátorem. Podporuje monochromatické, analogické, komplementární, triadické, rozděleně-komplementární a tetradické režimy. Laďte barvy pomocí HSL posuvníků, zamykejte oblíbené a exportujte jako CSS, Tailwind, JSON nebo SVG. 100% založeno na prohlížeči, vaše data nikdy neopustí vaše zařízení.
Jak vygeneruji barevnou paletu?
Klikněte na tlačítko Generovat nebo stiskněte mezerník pro vytvoření nové náhodné palety. Pomocí voliče režimu harmonie vyberte monochromatické, analogické, komplementární, triadické, rozděleně-komplementární nebo tetradické schéma.
Jak zamknu barvu?
Klikněte na ikonu zámku na vzorníku barvy. Zamčené barvy zůstanou při generování nové palety, zatímco odemčené budou nahrazeny.
Jak exportuji svou paletu?
Klikněte na tlačítko Exportovat pro výběr mezi CSS proměnnými, konfigurací Tailwind, polem JSON nebo paletou SVG. Paleta bude automaticky zkopírována do schránky.
Jaké jsou různé režimy harmonie?
Monochromatický používá jeden odstín s proměnlivou saturací a světlostí. Analogický používá sousední odstíny (±30°). Komplementární používá protilehlé odstíny (180°). Triadický používá 3 rovnoměrně vzdálené odstíny (120°). Rozděleně-komplementární používá základní odstín plus dva sousedící s jeho komplementem. Tetradický používá 4 rovnoměrně vzdálené odstíny (90°).
Můžu postavit paletu kolem barvy své značky?
Ano. Vyberte barvu značky ve výběru základní barvy a pak zvolte režim harmonie – zbývající čtyři barvy se vytvoří kolem ní. Poté můžete každou doladit posuvníky HSL.
Jaké formáty exportu jsou k dispozici?
Paletu lze exportovat jako CSS proměnné, konfiguraci Tailwind, JSON pole nebo soubor SVG. Náhled kódu se aktualizuje hned po přepnutí formátu, připravený k vložení do projektu.
Mohu zobrazit hodnoty v HEX, RGB nebo HSL?
Ano, hodnota každé barvy se přepíná mezi HEX, RGB a HSL. Tak rovnou dostanete formát, který očekává váš grafický nástroj nebo kód, bez ručního přepočítávání.
Co znamená malá značka na každé barvě?
Ukazuje, zda na dané barvě zůstane čitelný bílý nebo černý text. Když poměr kontrastu dosáhne 4,5:1, značka zobrazí splnění podle pokynů WCAG — hodí se při volbě pozadí tlačítek či bannerů.
Nahrává se moje paleta na server?
Ne. Vše běží lokálně v prohlížeči, takže vaše barvy nikdy neopustí zařízení. Po načtení stránky generátor funguje i offline.
Jak používat Generátor barevné palety
Vytvářejte harmonické palety v režimech monochromatický, analogický, triadický a dalších — vše se počítá ve vašem prohlížeči. Oblíbené odstíny uzamkněte, doladěte je a exportujte ve formátu svého frameworku.
- Vyberte Mode harmonie v rozbalovacím seznamu: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary nebo Tetradic.
- Nastavte barvu Base, aby každá vygenerovaná vzorka vycházela z odstínu vaší značky, a generujte znovu, dokud sada nebude sedět.
- Nevhodné vzorky odstraňte tlačítkem ✕ a losujte znovu; zbývající dolaďte posuvníky HSL.
- Porovnejte vzorky na světlých i tmavých mockupech, aby byl text čitelný na každé barvě.
- Otevřete Export Palette a odneste barvy jako CSS Variables, Tailwind Config, JSON Array nebo SVG Palette.
Před novým losováním v režimu Random uzamkněte vzorek Base — prozkoumáte tak varianty kolem barvy značky, aniž byste ji ztratili.
Související nástroje
- Převodník barev Bezplatný online převodník barev. Okamžitý převod formátů HEX, RGB, HSL, HSV s vizuálním výběrem. 100% soukromí, běží ve vašem prohlížeči.
- Kapátko barev Vyberte libovolnou barvu z obrazovky pomocí kapátka. Kopírujte kódy HEX, RGB, HSL okamžitě. Bezplatný online nástroj.
- Kontrola Kontrastu Barev Zkontrolujte poměry kontrastu barev pro soulad s WCAG 2.1. Okamžitě ověřte standardy AA a AAA.
- Simulátor barvosleposti Bezplatný online simulátor barvosleposti. Testujte designy pro protanopii, deuteranopii, tritanopii a další typy. 100% soukromé, běží v prohlížeči.
- GIF Rozdělit Snímky Extrahujte a stahujte jednotlivé snímky z GIF animací jako PNG nebo sprite sheet. Bezplatný online nástroj s náhledem a exportem ZIP.
- GIF Obrácený Obrátit pořadí přehrávání GIF animací online zdarma. Nahrajte, prohlédněte a stáhněte okamžitě.
- Změna Rychlosti GIF Změňte rychlost GIF animace online. Okamžitě zrychlete nebo zpomalte GIF soubory.
- Video do GIF Převeďte video na animovaný GIF online. Upravte kvalitu, snímkovou frekvenci a rozlišení přímo v prohlížeči bez nahrávání souborů.