6 min čtení Začátečník březen 2026

Jak vybrat správné barvy pro duotonní filtr

Praktický průvodce výběrem barevných kombinací, které budou fungovat s vaší značkou a fotogramy. Naučte se, jak vytvářet harmonické duotony, které zvýší vizuální dopad vašeho webu.

Grafický designer pracuje na počítači s barevnými paletami a návrhy na stole

Autor

Tomáš Řezáč

Senior Designer a Art Director

Senior Designer se 14 lety praxe v duotónovém designu a fotografických úpravách pro moderní web.

Proč je volba barev kritická?

Duotonní filtry jsou mocný nástroj pro vytváření jednotného vizuálního stylu. Ale tady je věc — ne každá kombinace barev bude fungovat. Když vyberete špatné barvy, fotografie vypadají divně, text se stane nečitelný a celá značka ztratí na kredibilitě.

Je to jako koupit si krásné boty, které vůbec nejdou k ničemu v tvém šatníku. Zvěčit se zdají skvělé, ale když je zkusíš na sobě, vůbec se ti nehodí. Výběr správné barevné kombinace je přesně takový — musí se všechno sladit.

Barevné palety s duotónovými kombinacemi na designerském stole

Dva konkrétní příklady duotonních filtrů aplikovaných na fotografii krajiny

Základy duotónního filtrování

Duoton funguje na jednoduchém principu — vezmeš fotku, převedeš ji na stupně šedi a pak do ní přidáš dvě barvy. Jedna barva se aplikuje na světlé plochy, druhá na tmavé. To vytváří efekt, který je hned poznat a celkem lehko se pracuje s ním.

Klíč je kontrast. Tvoje dvě barvy se musí lišit — aspoň v tónu, pokud ne v samotné barvě. Když si vezmeš dvě barvy, které jsou si příliš podobné, skončíš s nudným filtrem, který nevypadá ani tak moc jako duoton. Víc jako lehké barvení. To není cíl.

Pamatuj: Nejlepší duotony používají barvy z opačných stran barevného kola. Teplá + studená. Jasná + tmavá. To je recept.

Čtyři způsoby, jak zvolit barvy

Koukej na svou značku

Pokud máš logo nebo barevný systém, začni tady. Vezmi jednu barvu ze své značky a najdi jí vhodný protějšek. Když je tvoje primární barva modrá, zkus jít na stranu oranžové nebo žluté. Tím zajistíš, že tvůj duoton bude pořád terčem k tvé značce.

Zkus barevné kombinace

Vezmi si Coolors.co nebo Color Hunt a hledej duotony. Nemusíš si brát úplně stejné barvy — ale můžeš se jimi inspirovat. Vyber si tři až pět kombinací, které tě lákají. Potom je aplikuj na jednu fotku a podívej se, jak vypadají. Na papíru se mohou zdát fajn, ale na fotce to bývá úplně jiné.

Testuj na reálných fotkách

Vezmi si fotky, které budeš na webu používat. Aplikuj na ně svou vybranou kombinaci. Jak vypadá? Je text čitelný? Jsou důležité detaily na fotkách stále vidět, nebo je filtr příliš agresivní? Tyhle otázky si musíš odpovědět teď, ne později.

Zkontroluj čitelnost textu

Pokud plánuješ mít text přes filtrovanou fotku (a to je obvyklé), ujisti se, že je čitelný. Použij text s dostatečným kontrastem. Často se to řeší tím, že se text umístí na tmavší část fotky nebo se použije bílý text s lehkým stínem. Testuj to na mobilu — tam to bývá nejtěžší.

Čtyři různé duotonní kombinace aplikované na stejnou fotografii portrétní osoby

Designer sedící u počítače s otevřeným designovým programem s barevnými palety

Praktické tipy, které fungují

Máš teď tušení, jak to funguje. Tady je pár věcí, které jsme se naučili z let práce s duotony:

Vyhnij se podobným barvám. Když si vezmeš modrá a zelená (která jsou vedle sebe na barevném kole), nebude to mít dostatečný ráz. Jdi do opozice.
Intenzita záleží. Tmavá barva by měla být opravdu tmavá. Světlá barva by měla být opravdu světlá. Prostředek neexistuje — to by se smíchaly.
Jeden filtr na všechno. Pokud chceš vypadat jednotně, používej jednu kombinaci na všechny fotky. Ne každou fotku s jiným filtrem. To se zdá cool, ale vypadá to pak chaoticky.
Nechej si zálohu. Vždy si uchovej původní, nefiltrovanou fotku. Někdy budeš chtít vrátit se zpátky nebo ji použít v jiném kontextu.

Chyby, kterým se chceš vyhnout

Příliš jemný filtr

Když se bát aplikovat filtr správně, skončíš s něčím, co vypadá spíš jako lehké barvení. Duotony mají být vidět. Měly by mít nějakou osobnost. Jdi na to naplno.

Text, který není vidět

Když umístíš bílý text na filtrovanou fotku bez toho, aby měl dostatečný kontrast, nikdo to nebude moct přečíst. Přidej si text shadow nebo vlož text na část fotky, která je dostatečně tmavá.

Barvy, které se nelíbí dohromady

Někdy se chytneš kombinace, která vypadá skvěle v palettě, ale na fotce to vypadá divně. Není ostuda si to nezvládnout — právě proto je důležité testovat. Zkus druhou kombinaci.

Ignorování formátu fotky

Portrétní fotky fungují jinak než krajinné snímky. Foto s jedním subjektem se chová jinak než zaneprázdněná scéna. Musíš vybrat barvy, které fungují s tím, co máš.

Nástroje, které ti pomohou

Nemusíš být expert v Photoshopu, aby sis vytvořil duoton. Existují jednodušší cesty:

Coolors.co

Web pro generování barevných palet. Můžeš hledat duotony a vidět, jak spolu barvy fungují. Super pro inspiraci a prvotní ideaci.

Figma

Pokud už pracuješ v Figmě, můžeš si zde vyzkoušet duotony přímo. Má efekty na barvy a lze si to všechno zobrazit v reálném čase.

Photoshop

Klasika. Vrstva Curves nebo Levels ti umožní přesně kontrolovat, jak duoton vypadá. Je to těžší, ale dává ti úplnou kontrolu.

Pixlr nebo Canva

Online editory, které mají připravené duotonní filtry. Ideální, když chceš zkusit něco rychle bez instalace software.

Poslední slovo

Výběr správných barev pro duotonní filtr není věda, ale má svá pravidla. Když se držíš základů — kontrast, spojení s tvou značkou a testování na reálných fotkách — nebudeš mít problém. Pamatuj, že to není třeba zkoušet jen jednou. Když se ti to líbí, ale za pár měsíců zjistíš, že se ti to už tak moc nelíbí, není problém si barvy změnit. Web se vyvíjí. Ty se vyvíjíš. Tvůj design by se měl také.

Hlavní věc? Dělej to vědomě. Ne náhodně. Vědomě vybrané barvy mají sílu. Tvůj web to pozná. Tvoje návštěvníci to poznají. A co je nejdůležitější — ty budeš vědět, že jsi to dělal správně.

Právní upozornění

Tento článek slouží čistě informačním a vzdělávacím účelům. Návody a tipy zde uvedené se zakládají na obecných designových principech a nejlepších praktikách. Jednotlivé výsledky se mohou lišit v závislosti na specifickém obsahu, nástrojích a pracovním prostředí. Negarantujeme, že postupy zde popsané povedou k určitým vizuálním výsledkům. Každý web a projekt je jedinečný a může vyžadovat přizpůsobení. Doporučujeme vždy testovat na svých vlastních fotografiích a v nástroji, který používáš.