Při práci na designu webu, aplikace nebo obalu se neobejdete bez fáze výběru palety. Barevné schéma může vypadat buď úchvatně – vyjadřovat požadované emoce a ovlivnit volbu uživatele, nebo naopak – být odpudivé, pokud vezmete náhodné odstíny. Abyste se vyhnuli druhému, není nutné znát teorii barev nebo absolvovat kurzy designu.
Vhodnou paletu můžete vytvořit pomocí speciálních služeb. V tomto článku se podíváme na některé z nich a povíme si o jejich schopnostech.
Jak se tvoří palety
Než se podíváme na služby, které vám mohou pomoci s výběrem barevného schématu, povíme si, jak fungují. Některé platformy generují paletu na základě vámi zadané barvy, jiné obsahují hotovou knihovnu různých barevných řešení. Jaké jsou jejich hlavní rozdíly? Podívejme se na ně níže.
Barevné generátory
Takové služby se nejčastěji používají, když má společnost primární barvu, například v logu, a potřebuje pro ni vybrat další odstíny pro vytvoření webu nebo výzdobu kanceláře. Hlavním rysem generátorů je, že je lze použít k vytvoření několika palet najednou. Na platformě Adobe Color to funguje takto: zadáte požadovaný HEX kód a získáte různé barevné kombinace. Jedná se o sekvenční, monochromatické, trojúhelníkové, doplňkové a další kombinace. O co jde, jsme již popsali v článku „Psychologie barev ve webdesignu“.
Barevné knihovny
Takové služby se obvykle používají k určení nejen dalších barev, ale také hlavní. Tato možnost je vhodná, pokud ještě nemáte představu o paletě webu nebo identitě značky jako celku.
Většina knihoven tohoto druhu vypadá jako na obrázku níže: je zde třídění podle barvy, vyhledávání, sekce „Populární“ a další užitečné funkce. Toto je služba Color Hunt, kde si můžete vybrat harmonické odstíny pro jakýkoli projekt:
Špičkové služby pro výběr palety
Výše jsme hovořili o dvou typech služeb přizpůsobení barev – umožňují generovat všechny druhy palet a poskytují různá řešení pro jakékoli designové projekty. Nyní se podívejme, jaké nástroje s tím vším pomáhají. Shromáždili jsme pro vás 15 zdrojů, které usnadní hledání harmonických barev pro web, brožuru, banner nebo jiný produkt.
Paletton
První službou v našem výběru je Paletton. Jedná se o jednoduchý nástroj, ve kterém můžete generovat několik různých barevných schémat: monochromatický, tetrad, triáda a další. Zde je také randomizér – bude užitečný pro ty, kteří se ještě nerozhodli pro výběr hlavního odstínu. Paletton může navíc používat vestavěné předvolby, které vám umožní získat ještě více barev.
Servisní odkaz: Paletton
Moje mysl
Mymind je barevná knihovna od uměleckého ředitele Spotify. Je zde shromážděno 111 různých barevných palet, kde každá možnost má svůj vlastní název. Můžete například najít barvu útulného svetru nebo čerstvé bagety. Můžete si uložit své oblíbené kombinace – budou k dispozici na vašem osobním účtu.
Servisní odkaz: Moje mysl
Mybrandnewlogo
Další knihovna s mnoha různými barevnými paletami. Tato služba má pohodlný filtr podle kategorií – rozděluje palety na světlé, vintage, šedé a hladké. Ke každé barevné kombinaci můžete získat CSS kód, který bude na webu použit. Také v Mybrandnewlogo můžete vygenerovat logo pro vaši společnost.
Servisní odkaz: Mybrandnewlogo
Barevné schéma
Colorscheme je vizuálně podobné službě Paletton, o které jsme hovořili výše, ale má rozsáhlejší funkcionalitu. Například zde získáte nejen všechny oblíbené barevné palety, ale také budete moci jemně upravit sytost, jas a kontrast. K dispozici je také simulátor, který vám umožní vidět, jak lidé s různými očními chorobami vidí odstíny: tritanopie, deuteranopie a další. Výslednou paletu lze ihned uložit v různých formátech – PNG, CSS a dalších.
Další funkcí Colorscheme je, že můžete vidět, jak bude web vypadat ve zvoleném barevném schématu – s nočním režimem nebo bez něj.
Servisní odkaz: Barevné schéma
Barevný prostor
ColorSpace je generátor barevných schémat pro webové stránky a další projekty. Jeho odlišností od podobných služeb je šíře možností. Například na základě hlavní barvy můžete získat několik přechodů, paletu pro stíny a mnoho dalšího.
Samostatně může ColorSpace generovat kombinace dvou a tří odstínů. Tímto způsobem je snadné získat gradient se zadaným směrem: pod úhlem 45°, 90° a tak dále.
Servisní odkaz: Barevný prostor
ColorExplorer
ColorExplorer umožňuje exportovat vlastní barevné palety z Photoshopu, obrázku nebo textového souboru. Tato funkce bude užitečná pro ty, kteří chtějí ukládat a strukturovat své kombinace odstínů. Stejně jako ostatní nástroje dokáže ColorExplorer generovat palety na základě dané barvy. Navíc můžete vidět, jak bude sestavený sortiment vypadat v tištěné podobě – to je důležité, pokud se chystáte vydat časopis, brožuru nebo brožuru.
Servisní odkaz: ColorExplorer
0to255
Trochu neobvyklý nástroj, který vám umožní získat všechny odstíny konkrétní barvy. Na hlavní obrazovce si můžete vybrat libovolnou barvu a zobrazit její plný rozsah ve formátu HEX, RGB nebo HSL. Nebo můžete okamžitě zadat kód a získat požadované barevné možnosti.
Servisní odkaz: 0to255
Barvy
Profesionální nástroj Coolors pro vás vybere paletu webu, firemní brand book, vizitku, světlý banner pro reklamní společnost a mnoho dalšího. Charakteristickými rysy služby jsou pěkný design a pokročilá funkčnost. Zde můžete generovat palety na základě dané barvy a získat mnoho možností, když není vůbec nic. Kombinace se vytvářejí stisknutím klávesy „Mezerník“.
Kromě toho můžete vytvořit paletu na základě fotografie a vytvořit přechod, získat barvy s úpravami sytosti, jasu, kontrastu a dalších věcí. Tato nastavení jsou k dispozici pouze v placené verzi, která stojí 226 rublů měsíčně. Když zaplatíte za tarif, budete také moci zakázat reklamu a získat přístup ke všem funkcím služby.
Servisní odkaz: Barvy
Getuicolors
Getuicolors je malá knihovna různých odstínů, která vám umožní vidět, jak bude bílý text vypadat na barevném pozadí. Každá barva má svůj vlastní název: pokud chcete, aby váš produkt vypadal jako smaragd nebo porcelán, pak je tento nástroj určitě to, co potřebujete. Samotné odstíny lze získat ve 3 formátech: HEX kód, RGB a RGBA.
Servisní odkaz: Getuicolors
Generátor palety barev
Color Palette Generator je jednoduchá služba, která vám pomůže vygenerovat nespočet barevných palet složených z 5 odstínů. Chcete-li získat gamu, stačí stisknout “Mezerník” – to bude vytvářet nové sady barev znovu a znovu. Výslednou paletu můžete zkopírovat jednou akcí – klávesou „C“. Můžete také rychle vybrat jednotlivou barvu pouhým kliknutím na ni.
Servisní odkaz: Generátor palety barev
khroma
Služba Khroma pro přizpůsobení barev je založena na strojovém učení. Umožňuje vám vytvářet palety na základě vašich preferencí. Funguje to takto: vyberete 50 nejvhodnějších barev, poté zdroj vybere palety, které jsou pro vás relevantní.
Získali jsme například toto:
Vezměte prosím na vědomí, že každá barva má popis a v horním panelu můžete změnit formát zobrazení na přechody, palety atd. Můžete také vidět, jak bude obrázek vypadat s použitým filtrem prezentovaných barev.
Servisní odkaz: khroma
Vícebarevná TinEye
TinEye Multicolr je trochu jiná služba v naší kolekci. Pomůže vám najít obrázky pro váš projekt na základě barevného schématu. Zde je třeba zadat 5 barev, na základě kterých nástroj vygeneruje výběr různých obrázků. Všechny obrázky budou obsahovat vybrané barvy a můžete si je stáhnout z Flickru – kliknutím na obrázek budete přesměrováni na tuto službu. Můžete přidat více značek pro více přizpůsobený výsledek.
Servisní odkaz: Vícebarevná TinEye
Barevné kombinace
Colorcombos vám pomůže rychle vybrat barvy pro váš web v HEX formátu kódu. Stačí si vybrat základní odstín, jako je červená nebo modrá. Poté služba nabídne několik vhodných barevných schémat. Také na tomto zdroji můžete vidět, jaké barvy se na webu používají, například na YouTube nebo VKontakte – stačí zadat adresu a počkat, až se stránka načte.
Servisní odkaz: Barevné kombinace
Seochecker
Seochecker – Generuje různá barevná schémata ze zadaného HEX kódu. Můžete například získat analogovou, monochromatickou nebo tetradovou stupnici. U každé skupiny je uveden stručný popis a malá doporučení k použití barev. Můžete také vidět, jak bude paleta vypadat s různou sytostí, jasem a kontrastem.
Servisní odkaz: Seochecker
Ve vyvážení barev
In Color Balance je poslední služba, o které budeme mluvit. Jedná se o knihovnu s více než 500 stránkami, které mají různé barevné palety. Zvláštní je, že jsou všechny prezentovány fotografiemi a stručnými popisy. K dispozici je také filtr, který umožňuje třídit barvy do kategorií: teplé a studené odstíny, pastely a kontrastní tóny.
Servisní odkaz: Ve vyvážení barev
Bonus: Pluginy pro Figma
Na závěr bych chtěl mluvit o několika pluginech pro Figmu, které vám také pomohou rychle najít nebo vygenerovat barevné schéma.
- Barevné palety – obsahuje více než 1000 různých barevných palet;
- Dark Mode Magic – pomůže vám vybrat barvy pro tmavé téma;
- Color Designer – generuje paletu na základě vybrané barvy;
- Generátor barevné škály – umožňuje získat až 10 odstínů základní barvy;
- Tints and Shades – zobrazuje světlé a tmavé odstíny zadané barvy;
- Materiálová paleta – vytvoří paletu na základě Material Design;
- Palette Magic – rychle vygeneruje barevnou paletu.
Závěr
Dnes můžete najít správné barevné schéma pro jakýkoli designový projekt pouhými několika kliknutími. Pomohou s tím výše popsané speciální služby a pluginy. Použijte je k rychlému vytvoření barevné palety a získání obrázků, které odpovídají vašemu návrhu. Doporučujeme věnovat pozornost MyMind – služba nabídne úchvatné odstíny, Khroma – vytvoří pro vás kombinaci těch nejvhodnějších palet, ColorSpace – vygeneruje nejen barvy, ale pomůže vám udělat i krásný gradient.
A pokud je vaším úkolem vytvořit web, nemusíte ani používat generátory barevných schémat a knihovny. S již vybranými paletami můžete použít hotové šablony od Craftum. Stačí přidat svůj obsah – text a obrázky, a web je připraven k provozu. V případě potřeby můžete změnit barvy a další prvky v šabloně. Vyzkoušejte to zdarma!
