Přeskočit na obsah
100% lokálně

Generátor barevných palet

Změní jednu základní barvu na úplnou paletu pomocí pravidel barevné harmonie.

Vstup
0
0
Výstup

Generátor barevných palet

Vložte základní barvu jako hex kód, rgb() nebo hsl() hodnotu a tento nástroj vytvoří úplnou paletu podle pravidel barevné harmonie, ne jen přechod jasu stejného odstínu. Vyberte si komplementární pro jednu opačnou barvu, rozdělené komplementární nebo triadickou pro vyvážený kontrast, tetradickou pro čtyřbarevný obdélník, analogické pro sousední odstíny, které se přirozeně kombinují, nebo monochromatickou pro tóny a odstíny jednoho odstínu.

Možnost harmonie rozhoduje, kolik barev bude výsledek mít — komplementární vždy vrátí dvě, triadická a rozdělené komplementární vrátí tři, tetradická vrátí čtyři — zatímco počet barev a úhel kroku odstínu se týkají pouze analogických a monochromatických, kde si vybírate počet barev a vzdálenost mezi nimi. Počítejte v HSL pro klasickou matematiku barevného kruhu, nebo přepněte na OKLCH, který si zachovává stejný vnímaný jas v celém spektru odstínů, aby paleta nevypadala tak, že jeden vzorek je podivně tmavý nebo vybledlý vedle ostatních. Posuvníky pro úpravu sytosti a jasu jemně doladí celou paletu po vytvoření harmonie a možnost formátu barvy vytiskne každý výsledek jako hex, rgb(), hsl() nebo oklch().

Každý vzorek je kontrolován proti WCAG AA (4,5:1) jako text na bílém a černém pozadí, označen zatržením nebo křížkem vedle každého poměru — užitečné pro výběr barev v generované paletě, které jsou bezpečné pro tělo textu oproti pouze dekoraci. Exportujte výsledek jako jednoduchý seznam, blok CSS vlastních vlastností připravený k vložení do stylopisu, nebo objekt barvy konfigurace Tailwind.

Všechno běží lokálně ve vašem prohlížeči — barva, kterou zadáte, není nikdy nikam poslána. Zkopírujte výstup, stáhněte si jej jako soubor .txt nebo jej pošlete do vstupu jiného nástroje, abyste s ním mohli dál pracovat.

Časté dotazy

Jaké formáty vstupu přijímá jako základní barvu?
Hex kódy (#3b82f6, #38f, s nebo bez #), rgb()/rgba() a hsl()/hsla(). Vložte jeden z nich a paleta se aktualizuje okamžitě.
Jaký je rozdíl mezi HSL a OKLCH při výpočtu?
HSL je klasická matematika barevného kruhu a je rychlá a předvídatelná. OKLCH je perceptuálně rovnoměrný prostor, takže paleta v něm vytvořená si zachovává rovnoměrnější vnímaný jas na odstínech namísto toho, aby některé barvy vypadaly podivně tmavěji nebo světleji než ostatní.
Proč změna "barev v paletě" ovlivňuje pouze některé harmonie?
Komplementární, rozdělené komplementární, triadická a tetradická jsou fixní podle definice — dvě, tři, tři a čtyři barvy. Počet ovlivňuje pouze analogické a monochromatickou, která mohou rozumně mít libovolný počet barev.
Co znamená zatržení/křížek AA vedle každé barvy?
Je to poměr kontrastu WCAG dané barvy používané jako text na bílém pozadí a na černém pozadí, se zatržením, když překročí práh 4,5:1 AA, a křížkem, když ne.
Je moje barva někde odeslána?
Ne. Paleta je generována zcela ve vašem prohlížeči — nic z toho, co zadáte, není odesláno na server.