Preskočiť na obsah
100% lokálne

Generátor farbených paliet

Premeni jednu základnú farbu na kompletnú paletu pomocou pravidiel farebnej harmónie.

Vstup
0
0
Výstup

Generátor farbených paliet

Vlož základnú farbu ako hex kód, rgb() alebo hsl() hodnotu a tento nástroj vytvorí kompletnu paletu podľa pravidiel farebnej harmónie, nie len svetlostný gradient rovnakého odtieňa. Zvol si komplementárne pre jeden opačný kód, rozdelené komplementárne alebo triadické pre vyvážený kontrast, tetradické pre štvorfarebný obdĺžnik, analógne pre susedné odtiene, ktoré sa prirodzene kombinujú, alebo monochromatické pre tóny a tiene jedného odtieňa.

Možnosť harmónie rozhoduje, koľko farieb bude výsledok mať — komplementárne vždy vrátia dve, triadické a rozdelené komplementárne vrátia tri, tetradické vrátia štyri — zatiaľ čo počet farieb a uhol kroku odtieňa sa vzťahujú iba na analógne a monochromatické, kde si vyberiete počet farieb a vzdialenosť medzi nimi. Vypočítavaj v HSL pre klasickú matematiku farebného kolesa, alebo prepni na OKLCH, ktorý zachováva rovnakú vnímanú jas naprieč všetkými odtieňmi, aby paleta nevyzerala, že jeden vzor je nezvyčajne tmavý alebo vyblednutý vedľa ostatných. Posúvače úpravy sýtosti a jasu jemne doladievajú kompletnú paletu po vytvorení harmónie a možnosť formátu farby vytlačí každý výsledok ako hex, rgb(), hsl() alebo oklch().

Každý vzor je skontrolovaný voči WCAG AA (4,5:1) ako text na bielom a čiernom pozadí, označený začiarknutím alebo krížikom vedľa každého pomeru — užitočné na výber, ktoré farby v vytvorenú paletu sú bezpečné pre telo textu oproti dekorácia iba. Exportuj výsledok ako jednoduchý zoznam, blok CSS vlastných vlastností pripravený na vloženie do pracovného hárka, alebo objektu farby konfigurácie Tailwind.

Všetko beží lokálne vo vašom prehliadači — farba, ktorú zadáte, nie je nikdy nikam odoslaná. Skopíruj výstup, stiahni ho ako súbor .txt alebo ho pošli do vstupu iného nástroja, aby si mohol naďalej pracovať.

Časté otázky

Aké formáty vstupu prijíma ako základnú farbu?
Hex kódy (#3b82f6, #38f, s alebo bez #), rgb()/rgba() a hsl()/hsla(). Vlož jeden z nich a paleta sa aktualizuje okamžite.
Aký je rozdiel medzi HSL a OKLCH pri výpočte?
HSL je klasická matematika farebného kolesa a je rýchla a predvídateľná. OKLCH je perceptuálne rovnomerný priestor, takže paleta vytvorená v ňom si zachováva rovnomernejšiu vnímanú jas naprieč odtieňmi, namiesto toho, aby niektoré farby vyzerali nezvyčajne tmavšie alebo svetlejšie ako ostatné.
Prečo zmena "farieb v palete" ovplyvňuje iba niektoré harmónie?
Komplementárne, rozdelené komplementárne, triadické a tetradické sú fixné podľa definície — dve, tri, tri a štyri farby. Počet ovplyvňuje iba analógne a monochromatické, ktoré môžu rozumne mať ľubovoľný počet farieb.
Čo znamená háček/krížik AA vedľa každej farby?
Je to pomer kontrastu WCAG tej farby použitej ako text na bielom pozadí a na čiernom pozadí, s háčkom, keď prekroči prah 4,5:1 AA, a krížikom, keď nie.
Je moja farba kdekolvek odoslaná?
Nie. Paleta je generovaná úplne vo vašom prehliadači — nič, čo napíšete, nie je odoslané na server.