Design & Grafika

RGB

Barevný model pro obrazovky – barvy vzniklé mícháním červené, zelené a modré světlo

(Red Green Blue)

Co je RGB

RGB je aditivní barevný model, ve kterém barva vzniká mícháním červené, zelené a modré složky světla. Čím víc světla přidáte, tím světlejší výsledek; všechny tři složky naplno dají bílou, nulové hodnoty černou. Nativní je pro všechno, co svítí: monitory, telefony, televize, obrazovky na zastávkách.

Proč je RGB výchozí stav online marketingu

Web, bannery, náhledy v Google Ads i Sklik, kreativy na Facebooku, e-mailová šablona. Všechno to končí na displeji, takže všechno pracuje s obrazovkovými barvami. Když do reklamního systému nahrajete grafiku uloženou v tiskovém profilu, systém si ji převede po svém a odstín se posune. Někdy o kousek, jindy tak, že firemní modrá zšedne a nikdo neví proč.

Stejný kód, dva různé monitory

Na tohle klienty připravuju dopředu, protože jinak z toho bývá zklamání. Číselná hodnota barvy je jedna, výsledný dojem ne. Každý displej má jinou kalibraci, jiné podsvícení a uživatel si k tomu často zapne úsporný nebo noční režim. Grafik na kalibrovaném monitoru vidí něco jiného než klient na tříletém notebooku a než zákazník, který si stránku otevře venku na slunci.

Nehoním se proto za tím, aby barva vypadala všude identicky, protože to nejde. Hlídám něco jiného: aby fungoval kontrast a aby byl text čitelný a tlačítko vidět i na vybledlé obrazovce.

Kreativy si vždycky otevřu aspoň na jednom telefonu, ne jen na pracovním monitoru.
U textu na barevné ploše řeším kontrast, ne subjektivní dojem z odstínu.
Od grafika chci obrazovkové hodnoty do manuálu, tiskovou verzi zvlášť.
Zelenou na tlačítku porovnávám s tou v logu na stejné obrazovce, ne po paměti.

Chybějící hodnoty ve firemním manuálu

Když od klienta dostanu firemní manuál, první věc, kterou v něm hledám, jsou obrazovkové hodnoty barev a jejich hexadecimální kódy. Spousta starších manuálů má jen tiskové odstíny a Pantone, protože vznikaly v době, kdy se řešily letáky a vizitky. Pak se v každé kampani improvizuje a po roce máte pět verzí firemní zelené rozesetých po bannerech, webu a šabloně newsletteru. Doplnit hodnoty pro obrazovky je práce na jedno odpoledne a ušetří to dohadování u každé další kreativy.

Časté otázky

Proč vypadá stejná barva na každé obrazovce jinak?

Displeje se liší kalibrací, podsvícením i nastavením, které si zapnul sám uživatel. Stejná RGB hodnota tak na kalibrovaném monitoru grafika, na levném notebooku a na telefonu v nočním režimu působí pokaždé trochu jinak. Spolehnout se dá na kontrast a na poměr barev, ne na dojem z konkrétního odstínu.

Mám kreativy do reklamy připravovat v RGB?

Ano. Bannery, obrázky do Google Ads i Sklik, formáty pro Meta Ads a grafika na web končí na displeji, takže patří do obrazovkových barev. Tiskový profil si nechte pro podklady, které opravdu jdou do tiskárny.

Jak se RGB barva zapisuje na webu?

Nejčastěji hexadecimálním kódem, což je jen kratší zápis těch samých tří složek. V tomto tvaru se barva zadává do CSS i do většiny reklamních a e-mailingových nástrojů.

RGB