Barva a její protějšek na barevném kruhu — vysoký kontrast.
Paleta
Potřebuješ převést jednu barvu mezi formáty? Vyzkoušej Převodník barev.
Jak generátor barev použít
- Zvolte výchozí barvu. Zadejte HEX kód, nebo si barvu vyberte v paletě.
- Vyberte typ harmonie: komplementární, analogická, triáda, tetráda nebo monochromatická.
- Paleta se přepočítá okamžitě. Ke každé barvě vidíte hodnotu v HEX, RGB i HSL.
- Klikněte na barvu a zkopírujte její kód do schránky. Vložíte ho rovnou do CSS nebo grafického editoru.
Typy barevných harmonií a kdy je použít
Každá harmonie vychází z pozice barev na barevném kruhu. Generátor barev za vás dopočítá přesné úhly, takže se nemusíte trefovat od oka.
Komplementární paleta staví na dvou barvách naproti sobě, tedy s odstupem 180°. Dává nejsilnější kontrast a hodí se, když chcete něco zvýraznit, třeba tlačítko. Analogická paleta bere tři sousední barvy do 30° od výchozího odstínu. Působí klidně a přirozeně, proto ji často najdete v přírodních motivech. Triáda rozmístí tři barvy rovnoměrně po 120°. Je živá a přitom vyvážená. Tetráda pracuje se dvěma komplementárními páry a nabízí největší pestrost, ale hůř se ladí do rovnováhy. Monochromatická paleta drží jeden odstín a mění jen jeho světlost a sytost. Výsledek je čistý a nadčasový.
Jak vybrat paletu pro web nebo branding
Osvědčené je pravidlo 60–30–10. Hlavní barva zabere zhruba 60 % plochy, doplňková 30 % a akční barva 10 %. Tou desetinou zvýrazníte to, na co chcete přitáhnout pozornost, typicky tlačítko nebo odkaz. Pro tuhle akční barvu se skvěle hodí komplementární odstín, který v paletě vyskočí.
U značky nejdřív zvažte, jaký dojem chcete vyvolat. Klidná a důvěryhodná firma sáhne po analogické nebo monochromatické paletě. Hravější projekt unese triádu. Vždycky si ověřte kontrast textu vůči pozadí, aby byl obsah čitelný. Vygenerované barvy si rovnou zkopírujte v HEX pro CSS, v RGB pro grafiku nebo v HSL, když potřebujete pohodlně doladit světlost.
Teorie barev v kostce
Barevný kruh vznikl z primárních barev, ze kterých se míchají všechny ostatní. Model HSL popisuje barvu třemi hodnotami: odstínem (poloha na kruhu ve stupních), sytostí a světlostí. Právě proto se v něm harmonie počítají snadno. Komplementární barva je prostě odstín posunutý o 180°, triáda přidává násobky 120°.
Pokud potřebujete převést konkrétní barvu mezi zápisy nebo si ověřit jednu hodnotu, využijte náš převodník barev. Doplňuje generátor palet ve chvíli, kdy pracujete s jedinou barvou a chcete ji rychle přepsat z HEX do RGB nebo HSL.
Časté otázky
Jaká harmonie je nejlepší pro začátečníka?
Začněte s analogickou nebo monochromatickou paletou. Obě těžko pokazíte, protože barvy k sobě přirozeně ladí. Komplementární a tetrádové kombinace dávají větší kontrast, ale chtějí trochu cviku, aby nepůsobily křiklavě.
V jakém formátu barvy zkopíruju?
Máte na výběr HEX, RGB i HSL. HEX se hodí do CSS a většiny grafických programů. RGB využijete pro digitální grafiku. HSL oceníte, když chcete ručně upravit světlost nebo sytost odstínu.
Kolik barev by měla mít paleta pro web?
Většině webů stačí tři až pět barev. Jedna hlavní, jedna doplňková a jedna akční pro zvýraznění. Zbytek doplní neutrální odstíny jako bílá, šedá a černá pro text a pozadí.