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.

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.

Generátor barevných palet

Zadejte jednu základní barvu a nástroj vygeneruje 9 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%)

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 9 sad barev na základě ověřených schémat barevné harmonie.

Každá vygenerovaná barva má svůj kód HEX (např. #4F6BF5) 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ř. #4F6BF5) 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 9 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áří 9 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.

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.

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.

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

Objevte další nástroje

Zobrazit všechny nástroje

Konvertor JPG/PNG na WebP

Zmenšete velikost obrázků bez ztráty kvality. Převeďte JPG a PNG do WebP a zrychlete svůj web.

Generátor barevných palet

Proč generovat barevnou paletu?

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

1. Zadejte základní barvu

2. Potvrďte svůj výběr

3. Zkopírujte potřebné barvy

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

Monochromatická paleta

Sousedící paleta

Komplementární paleta

Triádická paleta

Dělená komplementární paleta

Pastelová paleta

Tmavá paleta

Tónová paleta

Minimalistická paleta

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

Kde využít vygenerované barevné palety

Vizuální identita značky

Weby

Rozhraní aplikací

Grafika pro sociální sítě

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

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

Kolik barev je v každé paletě?

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

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

Objevte další nástroje

Konvertor JPG/PNG na WebP

Editor obrázků

Generátor favicon

Kontrola meta titulku a popisu

Počítadlo slov a znaků

Generátor podpisu e-mailu

Kontrola kontrastu barev

Extraktor barev z obrázku