Generátor barevných palet zdarma

Jak to funguje

Nástroj je postaven bez jakýchkoli externích knihoven — veškerá barevná matematika běží v ručně napsaném JavaScriptu přímo ve vašem prohlížeči. Převádí vámi zvolenou barvu mezi hex a HSL a poté aplikuje klasická pravidla teorie barevné harmonie (komplementární, triadická, analogická atd.) prostřednictvím aritmetiky na barevném kole, aby vytvořil každou paletu.

1. 1
   Převod hex na HSL

   Když vyberete barvu, nástroj rozebere hex řetězec na složky RGB a převede je na HSL (odstín, sytost, jas). Odstín je pozice 0–360 stupňů na barevném kole; veškerá matematika palety probíhá v tomto prostoru.
2. 2
   Aritmetika odstínu pro harmonii

   Každý typ palety je pevný vzorec otočení aplikovaný na základní odstín. Komplementární přidává 180°, triadická přidává 120° a 240°, tetradická krokuje po 90°, rozdělená komplementární používá 150° a 210°. Monochromatická a odstíny drží odstín a sytost konstantní, zatímco krokují jas nahoru a dolů.
3. 3
   Výstup HSL na hex

   Každá vypočítaná trojice HSL se převede zpět na hex barvu pomocí standardního vzorce chroma. Výsledky se zobrazují jako barevný pás s automaticky kontrastovanými popisky (tmavý text na světlých vzorcích, světlý text na tmavých), určenými jednoduchým prahem jasu.
4. 4
   Export ve vámi preferovaném formátu

   Paletu lze zkopírovat jako hex řetězce nebo exportovat jako soubor s proměnnými CSS (:root { --color-1: … }), proměnné SCSS, úryvek konfigurace Tailwind, objekt JSON nebo barevný pás PNG. Export PNG používá Canvas API prohlížeče (toDataURL) k nakreslení každého vzorku s jeho hex popiskem — vše se generuje lokálně po kliknutí.

Související nástroje