Preskočiť na hlavný obsah
LibraTool logoLibraTool

Generátor farebnej palety zadarmo

Generujte komplementárne, analogické, triadické a monochromatické farebné palety z ľubovoľnej základnej farby. Skopírujte hex kódy jedným kliknutím.

Po načítaní funguje offline

Zadajte hex kód, názov farby ako teal alebo tomato, alebo rgb(20, 184, 166) / hsl(174, 80%, 40%) a stlačte Enter.

Paleta značky · 7 farieb
Formát kopírovania
Exportovať:
Základná
Na bielej 2,5Nevyhovuje
Na čiernej 8,4AAA
Akcentová
Na bielej 2,9Nevyhovuje
Na čiernej 7,2AAA
Svetlý odtieň
Na bielej 1,1Nevyhovuje
Na čiernej 19,4AAA
Tmavý odtieň
Na bielej 9,0AAA
Na čiernej 2,3Nevyhovuje
Neutrálna svetlá
Na bielej 1,1Nevyhovuje
Na čiernej 19,3AAA
Neutrálna stredná
Na bielej 4,1AA veľké
Na čiernej 5,1AA
Neutrálna tmavá
Na bielej 16,1AAA
Na čiernej 1,3Nevyhovuje

Kontrola textu a pozadia

Ukážka veľkého nadpisu
Ukážka bežného textu pre túto dvojicu
8,44:1Normálny text AAAVeľký text AAA
Vyskúšajte

Chcete farby z fotky? Použite extraktor farieb z obrázka

Bežné použitia

  • Generuj Farby Palety Pre Web DizajnVytvor harmonické farebné schémy pre webové stránky, webové aplikácie a UI komponenty.
  • Vytvor Farby Palety ZnačkyVývoj úplný farbový systém značky z jednej farby značky — primárny, sekundarny, prízvuk a neutrály.
  • Generuj Farby Palety Pre Umenie a IlustráciuVytvor harmonické farby kombinácií pre digitálne umenie, ilustráciu a kreatívne projekty.
  • Generuj Farby Štýly Pre FigmuVytvor farby palety na použitie ako Figma Farby Štýly a základ návrhov žetónov.
  • Vytvor Farby Palety Pre Tmavý RežimGeneruj svetlé a tmavé varianty tvoj farby palety pre budovanie podpory tmavého režimu.

Ako to funguje

Nástroj je postavený bez akýchkoľvek externých knižníc — všetka farebná matematika beží v ručne napísanom JavaScripte priamo vo vašom prehliadači. Prevádza zvolenú farbu medzi hex a HSL a potom aplikuje klasické pravidlá harmónie farebnej teórie (komplementárna, triadická, analogická atď.) pomocou aritmetiky na farebnom kruhu na vytvorenie každej palety.

  1. 1
    Prevod hex na HSL
    Keď vyberiete farbu, nástroj rozloží hex reťazec na zložky RGB a prevedie ich na HSL (odtieň, sýtosť, svetlosť). Odtieň je pozícia 0–360 stupňov na farebnom kruhu; celá matematika palety prebieha v tomto priestore.
  2. 2
    Aritmetika odtieňa pre harmóniu
    Každý typ palety je pevný rotačný vzorec aplikovaný na základný odtieň. Komplementárna pridáva 180°, triadická pridáva 120° a 240°, tetradická postupuje po 90°, split-komplementárna používa 150° a 210°. Monochromatická a odtiene tmavosti udržiavajú odtieň a sýtosť konštantné, zatiaľ čo postupne menia svetlosť nahor a nadol.
  3. 3
    Výstup HSL na hex
    Každá vypočítaná trojica HSL sa prevedie späť na hex farbu pomocou štandardného vzorca chrómy. Výsledky sa zobrazujú ako farebný pruh s automaticky kontrastnými popiskami (tmavý text na svetlých vzorkách, svetlý text na tmavých) určenými jednoduchým prahom jasu.
  4. 4
    Export vo vami preferovanom formáte
    Paletu môžete skopírovať ako hex reťazce alebo exportovať ako súbor CSS premenných (:root { --color-1: … }), premenné SCSS, úryvok konfigurácie Tailwind, objekt JSON alebo pruh farieb PNG. Export PNG používa Canvas API prehliadača (toDataURL) na nakreslenie každej vzorky s jej hex popiskom — všetko sa generuje lokálne po kliknutí.

Súvisiace nástroje

🎨

Generátor náhodných farieb

Generujte náhodné farby po jednej alebo ako paletu piatich, zamknite tie, ktoré sa vám páčia, kopírujte hodnoty HEX, RGB alebo HSL a exportujte paletu ako PNG alebo CSS.

Vyskúšajte
🎨

Extraktor farebnej palety z obrázkov

Extrahujte dominantné farby z ľubovoľného obrázka pomocou kvantizovania farieb k-means. Získajte hex kódy pre 2–16 najvýraznejších farieb vašej fotografie alebo loga.

VyskúšajteSúbory zostávajú lokálne
🎨

Výber farieb a generátor paliet

Vyberte farby, konvertujte medzi HEX/RGB/HSL a generujte harmonické palety.

Vyskúšajte

Často kladené otázky