Vygenerujte 17 barevných palet z jedné základní barvy

Zadejte jednu základní barvu a nástroj vygeneruje 17 harmonických barevných palet: monochromatickou, komplementární, triádickou, pastelovou a další. Každou barvu lze zkopírovat s jejím kódem HEX.

Monochromatická paleta

Všechny barvy mají stejný odstín (H), liší se hlavně v světlosti (L) v barevném prostoru HSL.

#0b28ba

hsl(230, 89%, 39%)

#153af2

hsl(230, 89%, 52%)

#4f6bf5

hsl(230, 89%, 64%)

#899cf8

hsl(230, 89%, 76%)

#c3ccfc

hsl(230, 89%, 88%)

Triadická paleta

Tři odstíny vzdálené o 120° na barevném kole (vrcholy rovnostranného trojúhelníku) – geometrie často využívaná v brandingu a návrzích inspirovaných Bauhausem.

#4f6bf5

hsl(230, 89%, 64%)

#f43757

hsl(350, 89%, 59%)

#7ff667

hsl(110, 89%, 69%)

#f87f94

hsl(350, 89%, 74%)

#42f21f

hsl(110, 89%, 54%)

Split-komplementární paleta

Variace komplementární palety – místo jednoho doplněku (180°) se používají dvě barvy posunuté o cca ±30° od doplněku, co snižuje vizuální napětí při zachování silného kontrastu.

#4f6bf5

hsl(230, 89%, 64%)

#f5864f

hsl(20, 89%, 64%)

#bef54f

hsl(80, 89%, 64%)

#f7a176

hsl(20, 89%, 72%)

#b0f328

hsl(80, 89%, 56%)

Pastelová paleta

Stejný odstín se sníženou saturací a zvýšenou světlostí – posun ke středu a horní části prostoru HSL, který dává měkké, „krémové“ barvy.

#e1e5f4

hsl(230, 45%, 92%)

#d3d7ee

hsl(230, 45%, 88%)

#c4cae9

hsl(230, 45%, 84%)

#b5bde3

hsl(230, 45%, 80%)

#a6b0dd

hsl(230, 45%, 76%)

Tmavá paleta

Stejný odstín s vysokou saturací (S) a sníženou světlostí (L) – posun dolů na ose světlosti, který dává hluboké barvy typické pro tmavý režim a výrazné akcenty.

#3757f4

hsl(230, 89%, 59%)

#153af2

hsl(230, 89%, 52%)

#0c2dd2

hsl(230, 89%, 44%)

#0a25ab

hsl(230, 89%, 36%)

#081d85

hsl(230, 89%, 28%)

Tonální paleta (inspirováno Material Design)

Několik stupňů světlosti jednoho odstínu – proměnlivé L a umírněné S, blízké tonálním rozsahům v doporučeních Material Design (např. 50–900).

#f2f3f8

hsl(230, 27%, 96%)

#dcdfef

hsl(230, 36%, 90%)

#b1bae7

hsl(230, 54%, 80%)

#7c8ee9

hsl(230, 71%, 70%)

#3e5df4

hsl(230, 89%, 60%)

Minimalistická paleta (inspirováno Apple)

Jeden výrazný barevný akcent a řada velmi světlých, jemných neutrálních tónů – rozvržení typické pro rozhraní s velkým množstvím bílého prostoru a jemnými stíny.

#3e5df4

hsl(230, 89%, 60%)

#fafafa

hsl(230, 6%, 98%)

#efeff1

hsl(230, 6%, 94%)

#dfdfe2

hsl(230, 6%, 88%)

#484951

hsl(230, 6%, 30%)

Analogická paleta

Barvy s blízkým odstínem – od cca -30° do +30° kolem základní barvy na klasickém barevném kole (např. Itten).

#4fbef5

hsl(200, 89%, 64%)

#67a3f6

hsl(215, 89%, 69%)

#4f6bf5

hsl(230, 89%, 64%)

#4637f4

hsl(245, 89%, 59%)

#864ff5

hsl(260, 89%, 64%)

Komplementární paleta

Základní barva a její doplněk posunutý o 180° na barevném kole – jeden ze základních barevných kontrastů popsaných Johannesem Ittenem.

#4f6bf5

hsl(230, 89%, 64%)

#1f42f2

hsl(230, 89%, 54%)

#f5d94f

hsl(50, 89%, 64%)

#f8e37f

hsl(50, 89%, 74%)

#f2cf1f

hsl(50, 89%, 54%)

Tetradická (čtvercová) paleta

Čtyři odstíny vzdálené 90 na barevném kruhu (vrcholy čtverce) bohatá a vyvážená, ideální pro složitá UI témata a vizualizaci dat.

#4f6bf5

hsl(230, 89%, 64%)

#f54fbe

hsl(320, 89%, 64%)

#f5d94f

hsl(50, 89%, 64%)

#4ff586

hsl(140, 89%, 64%)

#97a8f9

hsl(230, 89%, 79%)

Paleta teplých tónů

Barvy posunuté k teplému konci spektra (červená, oranžová, žlutá) evokuje energii, teplo a přístupnost.

#f3d026

hsl(50, 89%, 55%)

#e7f548

hsl(65, 89%, 62%)

#c6f665

hsl(80, 89%, 68%)

#e8e00d

hsl(58, 89%, 48%)

#e5f886

hsl(70, 89%, 75%)

Paleta studených tónů

Barvy posunuté ke studenému konci spektra (modrá, tyrkysová, fialová) vyjadřuje klid, profesionalitu a důvěru.

#0e34f1

hsl(230, 89%, 50%)

#4434f3

hsl(245, 89%, 58%)

#0c62d9

hsl(215, 89%, 45%)

#565cf5

hsl(238, 89%, 65%)

#0a3fb7

hsl(222, 89%, 38%)

Paleta zemitých tónů

Nízce saturované hnědé, olivové a okrové tóny inspirované přírodními krajinami perfektní pro ekologické značky a rustikální estetiku.

#9b9b4b

hsl(60, 35%, 45%)

#a3af6a

hsl(70, 30%, 55%)

#88813a

hsl(55, 40%, 38%)

#a6b686

hsl(80, 25%, 62%)

#a5ac53

hsl(65, 35%, 50%)

Neonová vibrantní paleta

Maximálně saturované barvy s elektrickou intenzitou navržená pro odvážný marketing, herní rozhraní a poutavé designy.

#1a40ff

hsl(230, 100%, 55%)

#330aff

hsl(250, 100%, 52%)

#2994ff

hsl(210, 100%, 58%)

#7f06f9

hsl(270, 95%, 50%)

#15d4f9

hsl(190, 95%, 53%)

Vintage tlumená paleta

Desaturované, mírně teplé tóny připomínající staré tisky a retro fotografii ideální pro tradiční značky a nostalgickou estetiku.

#7c87c1

hsl(230, 36%, 62%)

#9c8ac2

hsl(260, 31%, 65%)

#69a2bf

hsl(200, 40%, 58%)

#bc98c3

hsl(290, 27%, 68%)

#65b3a6

hsl(170, 34%, 55%)

Paleta vysokého kontrastu

Extrémní rozsah jasu od téměř černé po téměř bílou se základním odstínem vynikající pro přístupné designy a silnou vizuální hierarchii.

#030a30

hsl(230, 89%, 10%)

#081f91

hsl(230, 89%, 30%)

#0e34f1

hsl(230, 89%, 50%)

#869af8

hsl(230, 89%, 75%)

#f3f4f6

hsl(230, 15%, 96%)

Paleta gradientu západu slunce

Plynulá rotace odstínů od teplých po studené tóny, napodobující přirozený západ slunce skvělá pro hero sekce, pozadí a kreativní projekty.

#2648f3

hsl(230, 89%, 55%)

#6434f3

hsl(255, 89%, 58%)

#a917f2

hsl(280, 89%, 52%)

#e80dd6

hsl(305, 89%, 48%)

#d90c73

hsl(330, 89%, 45%)

REKLAMA

Proč generovat barevnou paletu?

Konzistentní barevná paleta je základem každého vizuálního projektu – od webu přes logo po tiskové materiály. Ruční výběr barev, které spolu fungují, vyžaduje znalost teorie barev. Generátor tento proces automatizuje: zadáte jednu základní barvu (např. barvu vašeho loga) a nástroj vygeneruje 17 sad barev na základě ověřených schémat barevné harmonie.

Každá vygenerovaná barva má svůj kód HEX (např. #496ba2) a hodnotu HSL (hue, saturation, lightness). Kód HEX lze vložit přímo do CSS, Figma, Canva nebo jakékoliv grafické aplikace.

Jak použít generátor barevných palet

Celý proces zabere jen pár sekund:

1. Zadejte základní barvu
Zadejte kód HEX (např. #496ba2) do textového pole nebo vyberte barvu z color pickeru. Můžete také použít tlačítko Náhodná barva.
2. Potvrďte svůj výběr
Po kliknutí na tlačítko Update Color nástroj automaticky vygeneruje 17 palet na základě různých schémat barevné harmonie.
3. Zkopírujte potřebné barvy
U každé barvy je tlačítko Kopírovat – kód HEX jde do schránky a můžete jej vložit přímo do projektu.

Jaká barevná schémata nástroj generuje?

Generátor vytváří 17 typů palet – každý založený na jiném principu teorie barev:

Monochromatická paleta
Několik odstínů jedné barvy – od světlé po tmavou. Všechny barvy mají stejný odstín na barevném kruhu a liší se pouze jasem. Funguje dobře v elegantních a minimalistických designech.
Sousedící paleta
Barvy sousedící na barevném kruhu (posunuté o přibližně 30° na obě strany od základu). Vytváří harmonické a plynulé barevné přechody.
Komplementární paleta
Základní barva a protilehlá barva na barevném kruhu (posun o 180°). Vytváří silný vizuální kontrast. Užitečné tam, kde prvek musí přitáhnout pozornost.
Triádická paleta
Tři barvy vzdálené 120° na barevném kruhu – tvoří rovnostranný trojúhelník. Dynamická a všestranná kombinace.
Dělená komplementární paleta
Jemnější verze komplementární palety. Místo jedné protilehlé barvy používá dvě barvy posunuté o přibližně 30° od komplementu.
Pastelová paleta
Stejný odstín se sníženou saturací a zvýšeným jasem – jemné, tlumené barvy. Populární v kosmetice, dětské módě a potravinářském sektoru.
Tmavá paleta
Základní barva s vysokou saturací a sníženým jasem – hluboké, výrazné barvy. Užitečné pro tmavé motivy webů a prémiové brandingové materiály.
Tónová paleta
Několik stupňů jasu jedné barvy – od velmi světlé po tmavou. Užitečné pro budování rozhraní, kde stejná barva potřebuje různé varianty.
Minimalistická paleta
Jeden výrazný barevný akcent a několik velmi světlých neutrálních barev. Celá paleta zůstává klidná. Funguje dobře v moderních rozhraních s velkým množstvím bílého prostoru.
Tetradicky (ctvercovy) paleta
Ctyri odstiny v 90° intervalech na barevnem kruhu. Bohata a vyvazena.
Tepla paleta
Barvy posunute k cervenym, oranzovym a zlutym. Vyvolava energii a teplo.
Studena paleta
Barvy posunute k modrym, tyrkysovym a fialovym. Sdeluje klid a profesionalitu.
Zemite tony
Nizce nasycene hnede, olivove a okrove tony inspirovane prirodnimi krajinami.
Neonova paleta
Maximalne nasycene barvy s elektrickou intenzitou.
Vintage paleta
Odsycene, mirne teple tony pripominajici stare tisky a retro fotografii.
Vysoky kontrast
Extremni rozsah jasu. Vynikajici pro pristupne designy a WCAG rozhrani.
Gradient zapadu slunce
Plynula rotace odstinu od teplych k studenym.

H (hue)0°–360° na barevném kruhu

S (saturation)0%–100%

L (lightness)0%–100%

Na čem je generátor barevných palet založen?

Všechny palety vznikají matematickou transformací základní barvy v barevném prostoru HSL. HSL popisuje barvu třemi hodnotami: hue (H) je pozice na barevném kruhu (0°–360°), saturation (S) určuje sílu barvy a lightness (L) – jak světlá nebo tmavá barva je.

Komplementární, triádické a dělené komplementární palety jsou založeny na geometrii barevného kruhu – barvy jsou umístěny v rovnoměrných úhlových intervalech, čímž vytváří vizuální rovnováhu. Monochromatické, pastelové a tmavé palety mění pouze jas a saturaci při zachování stejného odstínu.

Barvy v českém umění a designu

Alfons Mucha vytvořil jednu z nejrozpoznatelnějších barevných estetik secese. Jeho plakáty kombinují tlumené pastely - pudrovou růžovou, levandulovou, mátovou a šampaňskou - se zlatými akcenty a organickými obrysy. Mucha nepoužíval ostré kontrasty. Místo toho stavěl na jemných přechodech sousedních barev na barevném kruhu. Tento princip odpovídá analogické paletě generátoru, kde blízké odstíny vytvářejí měkkou harmonii.

Český kubismus je jedinečný architektonický směr, který neexistuje nikde jinde na světě. Kubistické fasády v Praze - Dům U Černé Matky Boží, Hodkův dům - používají hluboké okrové, šedé a terakotové tóny v geometrických plochách. Každá plocha má mírně odlišný světelný tón, což vytváří plastický efekt pouze pomocí barevných variací. Tento přístup odpovídá tónové paletě generátoru, která buduje hierarchii skrze rozdíly ve světlosti.

Bohemské sklo je světově proslulé svými sytými odstíny. Rubínová červeň získaná zlatem, kobaltová modř, smaragdová zeleň a čirý křišťál tvoří paletu, která se stala symbolem českého řemesla. Sklářská tradice z Jablonce nad Nisou a Nového Boru ukazuje, že každý materiál má vlastní barevný rozsah - podobně jako digitální HSL prostor má svá specifika oproti tiskovému CMYK.

Symbolika barev v české kultuře

Česká vlajka nese bílou, červenou a modrou. Bílá symbolizuje mír, červená odvahu a modrý klín představuje Moravu a Slovensko. V brandingu pro český trh tyto barvy okamžitě vyvolávají pocit národní identity. Mnoho českých potravinářských a nápojových značek používá červenobílé kombinace jako přímý kulturní odkaz.

Praha jako město má vlastní barevnou identitu. Rudá střecha na béžových a pastelových fasádách vytváří teplou analogickou paletu, která je viditelná z každého vyhlídkového bodu. Zelené měděné kupole kostelů přidávají komplementární akcent. Tato městská paleta - terakota, béžová, zelená, zlatá - inspiruje designéry pracující s pražskou tematikou.

České tradice přiřazují barvám sezónní významy. Velikonoce přinášejí žlutou, zelenou a červenou - kraslice, pomlázky a jarní květiny. Vánoce spojují červenou, zlatou a tmavě zelenou - svíčky, ozdoby a jehličí. Masopust využívá pestré kombinace - červenou, modrou, žlutou a fialovou v kostýmech a maskách. Tyto kulturní palety nabízejí konkrétní inspiraci pro sezónní kampaně zaměřené na český trh.

Barvy v českém brandingu a průmyslu

Český design kombinuje středoevropskou tradici s moderní funkčností. Značky jako Lasvit, Bomma a Rückl pracují s omezenými barevnými paletami - typicky dva až tři tóny plus černá a bílá. Čiré sklo s jedním barevným akcentem je dostatečné pro vytvoření silného vizuálního dojmu. Tato zdrženlivost činí české designové značky snadno rozpoznatelnými na mezinárodním trhu.

Český pivovarnický průmysl buduje identitu pomocí specifických barev. Zelená a zlatá dominují u ležáků - Pilsner Urquell, Staropramen a Budweiser Budvar používají zelené lahve a zlaté etikety. Tmavá piva volí hnědé, červené a černé tóny. Řemeslné pivovary experimentují s živějšími paletami - oranžovou, tyrkysovou a limetkovou - aby se odlišily. Monochromatická paleta ve zlatých tónech nebo komplementární paleta zelené a zlaté funguje dobře pro tento segment.

Pražská technologická scéna používá barvy jinak než tradiční český design. Startupy a fintechové firmy volí výrazné palety - korálovou, tyrkysovou, fialovou a limetkovou - pro diferenciaci v konkurenčním prostředí. Kontrast s klasickou českou barevnou estetikou dělá tyto mladé značky okamžitě rozpoznatelnými. Generátor palet nabízí triadická a dělená komplementární schémata, která poskytují tento typ odvážných, ale vyvážených kombinací.

Kde využít vygenerované barevné palety

Vizuální identita značky
Vyberte harmonické barvy pro existující logo nebo vytvořte barevnou paletu značky od nuly – pro vizitky, tiskoviny a marketingové materiály.
Weby
Nastavte hlavní barvu, akcent a odstíny pozadí. Zkopírované kódy HEX se vkládají přímo do CSS nebo konfigurace motivu.
Rozhraní aplikací
Tónová paleta poskytuje varianty jasu jedné barvy – světlejší pro pozadí, tmavší pro text, střední pro okraje a interakční stavy.
Grafika pro sociální sítě
Konzistentní barvy pro příspěvky, stories a obálky profilů. Sousedící nebo pastelové palety fungují dobře, když chcete konzistentní, rozpoznatelný styl.

Řešení problémů s generátorem palet

Palety se nemění po zadání barvy
Samotné zadání HEX kódu negeneruje palety automaticky – změnu je třeba potvrdit tlačítkem Aktualizovat barvu. Teprve po potvrzení nástroj přepočítá všech 17 schémat.
Hlášení o neplatném formátu
Generátor přijímá výhradně formát HEX se symbolem # na začátku, např. #FF5500. Formáty bez # (např. FF5500) nebo v zápisu RGB (např. rgb(255,85,0)) nejsou podporovány.
Zkrácený a plný formát HEX
Podporovány jsou oba zápisy: plný #RRGGBB (např. #FF5500) a zkrácený #RGB (např. #F50). Generátor automaticky rozpozná oba formáty a zachází s nimi stejně.

Často kladené otázky o generátoru barevných palet

V jakém formátu má být základní barva?

Generátor přijímá barvy ve formátu HEX – zkráceném (např. #F50) i plném (např. #FF5500). U textového pole najdete color picker pro vizuální výběr barvy. Vygenerované palety zobrazují kód HEX a hodnotu HSL každé barvy.

Kolik barev je v každé paletě?

Každá paleta obsahuje 4 až 6 barev. Počet závisí na typu schématu – monochromatické a tónové palety generují více odstínů, zatímco komplementární a triádické palety se zaměřují na méně kontrastních barev.

Co je barevný prostor HSL a jak ho číst?

HSL je způsob zápisu barvy pomocí tří hodnot: H (odstín, 0°–360° na barevném kruhu), S (sytost, 0%–100%) a L (světlost, 0%–100%). Generátor zobrazuje hodnoty HSL vedle každé barvy, což usnadňuje pochopení, jak se jednotlivé barvy v paletě liší – např. monochromatická paleta mění pouze světlost (L), přičemž zachovává stejný odstín (H).

Mohu vygenerované palety použít komerčně?

Ano. Vygenerované barevné palety můžete použít v jakémkoliv projektu – komerčním i nekomerčním, bez licenčních omezení.

Vyžaduje generátor barevných palet přihlášení nebo platbu?

Generátor je zcela zdarma a nevyžaduje přihlášení ani registraci. Barvy se generují lokálně v prohlížeči – žádná data se neodesílají na externí servery.

Jaký typ palety je nejlepší pro firemní web?

Monochromatické nebo tonální palety fungují dobře pro firemní stránky, protože poskytují jednotnou, klidnou vizuální hierarchii. Použijte tonální paletu k vybudování kompletnho systému pozadí, textu, ohraničení a akcentních odstínů z jediné firemní barvy.