Odhadovat, které barvy k sobě ladí, zabere zbytečně moc času při navrhování. Tento generátor používá klasické harmonie barevného kruhu - stejné vztahy odstínů, které se učí v teorii barev - takže každá paleta je matematicky sladěná, ne odhadnutá od oka. Kliknutím na kterýkoli vzorek zkopírujete jeho hex kód, nebo zkopírujte celou paletu jako hotové CSS proměnné. Vše běží čistě na straně klienta: bez účtu, bez nahrávání a bez sledování vašich firemních barev.
Bezplatný generátor barevné palety
Běží celé ve vašem prohlížeči - nic se nenahrává, žádná registrace.
Harmonie
CSS proměnné
Co je generátor barevné palety?
Generátor barevné palety vytvoří sladěné barevné schéma z jedné základní barvy podle teorie barevného kruhu. Vyberte nebo napište hex barvu, zvolte harmonii - komplementární, analogickou, triadickou nebo monochromatickou - a okamžitě vypočítá sladěné barvy, každou s kopírovatelným hex kódem. Vše běží přímo v prohlížeči.
Jak na to
- 1Nastavte základní barvu. Klikněte na barevné pole a vyberte vizuálně, napište hex kód jako #6366f1, nebo klikněte na „Náhodná“ pro nový výchozí bod.
- 2Vyberte harmonii. Přepínejte mezi komplementární, rozdělenou komplementární, analogickou, triadickou, tetradickou, monochromatickou, odstíny a tóny. Paleta se přepočítá okamžitě.
- 3Zkopírujte barvy. Kliknutím na kterýkoli vzorek zkopírujete jeho hex kód, nebo použijte tlačítko Kopírovat a vezměte si celou paletu jako CSS proměnné.
Pro koho je nástroj
- Webdesignéři, kteří začínají web od jedné firemní barvy: vygenerují analogické nebo rozdělené komplementární doplňky pro pozadí, tlačítka a akcenty.
- Frontend vývojáři, kteří potřebují výchozí sadu design tokenů: zkopírují paletu jako CSS proměnné a rovnou ji vloží do stylopisu.
- Marketéři a tvůrci prezentací, kteří ladí grafy, sociální grafiku nebo prezentace s barvou loga bez grafického nástroje.
- Ilustrátoři a nadšenci, kteří zkoumají odstíny a tóny jedné barvy, aby v díle vystavěli hloubku, světla a stíny.
Časté dotazy
Je tento generátor barevné palety zdarma?
Ano - je 100% zdarma, bez registrace, bez vodoznaků a bez omezení. Vytvářejte a kopírujte tolik palet, kolik chcete, pro osobní i komerční projekty.
Nahrávají se moje barevné údaje někam?
Ne. Paleta se počítá výhradně ve vašem prohlížeči obyčejným JavaScriptem. Vaše firemní barvy, zadané hodnoty a kliknutí se nikdy neodesílají na server.
Co je komplementární barva?
Komplementární barva leží přesně naproti základní barvě na barevném kruhu - jde o otočení odstínu o 180 stupňů. Komplementární dvojice jako modrá a oranžová dávají nejsilnější kontrast, proto se často používají u tlačítek s výzvou k akci na pozadí firemní barvy.
Jaký je rozdíl mezi analogickou a triadickou paletou?
Analogická paleta používá sousední odstíny (přibližně do 30 stupňů od základní barvy), takže působí klidně a jednotně. Triadická paleta bere tři odstíny rozmístěné po 120 stupních, což dává živé, vyvážené schéma s větším kontrastem mezi barvami.
Co jsou odstíny a tóny?
Odstíny (shades) ztmavují základní barvu posunem světlosti směrem k černé; tóny (tints) ji zesvětlují směrem k bílé. Oba zachovávají stejný odstín a sytost, takže se skvěle hodí pro hover stavy, okraje a vrstvy pozadí jedné firemní barvy.
Kolik barev by měla mít paleta webu?
Běžné pravidlo je 60-30-10: jedna dominantní barva na zhruba 60 % rozhraní, sekundární na 30 % a akcentová na 10 %. Začněte zde harmonií 3-5 barev a pak přidejte odstíny a tóny každé pro stavy a plochy.
Proč se paleta u šedé nebo černé téměř nemění?
Šedá, černá a bílá mají nulovou sytost, takže nemají odstín, se kterým by harmonie mohly otáčet - otočení ničeho vrátí stejnou neutrální hodnotu. Vytvořte neutrální škálu pomocí režimů světlosti: tóny pro černou nebo tmavě šedou, odstíny pro bílou nebo světle šedou a monochromatický režim pro střední šedou.