Kolor reklamy na ekranie może wyglądać świetnie, a po wydrukowaniu nagle stać się matowy, ciemniejszy albo zupełnie inny. Żeby uniknąć takich niespodzianek, trzeba rozumieć, czym jest RGB, jak działają jego kanały oraz kiedy projekt należy przygotować w CMYK. Poniżej pokazuję to na przykładach związanych z grafiką reklamową, mediami społecznościowymi i promocją lokalnej firmy.
RGB decyduje o tym, jak reklama wygląda na ekranie
- RGB oznacza czerwony, zielony i niebieski.
- Model działa addytywnie, czyli kolor powstaje przez dodawanie światła.
- Wartość każdego kanału mieści się zwykle w zakresie 0-255.
- RGB sprawdza się w reklamach internetowych, aplikacjach, filmach i materiałach do mediów społecznościowych.
- Do druku najczęściej potrzebny jest CMYK, ponieważ papier odbija światło, a nie emituje go.
RGB to model kolorów oparty na świetle
RGB to skrót od angielskich nazw Red, Green i Blue, czyli czerwonego, zielonego i niebieskiego. Są to trzy kanały światła, których różne natężenie pozwala wyświetlić barwy na monitorze, smartfonie, telewizorze czy ekranie kasownika reklamowego.
Najprościej wyobrazić sobie trzy reflektory świecące na jedną powierzchnię. Gdy nie świeci żaden, otrzymujemy czerń. Gdy wszystkie świecą z maksymalną mocą, powstaje biel. To właśnie dlatego RGB nazywa się modelem addytywnym, czyli takim, w którym kolor tworzy się przez dodawanie światła.
W grafice cyfrowej każdy kanał ma zwykle wartość od 0 do 255. Czerń to zapis 0, 0, 0, biel to 255, 255, 255, a czysta czerwień ma wartości 255, 0, 0. Łącznie daje to 16 777 216 kombinacji kolorów, choć rzeczywisty efekt zależy także od ekranu, jasności i ustawień urządzenia.
Co oznaczają poszczególne kanały
- R określa intensywność czerwonego światła.
- G określa intensywność zielonego światła.
- B określa intensywność niebieskiego światła.
Przykładowo kolor żółty powstaje przez połączenie czerwieni i zieleni, czyli 255, 255, 0. Fiolet uzyskamy przez połączenie czerwieni i niebieskiego, a szarość pojawia się wtedy, gdy wszystkie trzy wartości są równe, na przykład 128, 128, 128.
Jak zapisuje się kolory RGB w projektach reklamowych
Ten sam kolor można opisać na kilka sposobów. W programach graficznych najczęściej zobaczysz zapis liczbowy, na przykład rgb(34, 139, 230). W kodzie strony internetowej lub arkuszu stylów może pojawić się zapis szesnastkowy, czyli HEX, np. #228BE6.
Dla osoby przygotowującej grafikę reklamową najważniejsze jest nie to, który zapis wygląda bardziej profesjonalnie, lecz to, czy kolor pozostaje spójny w całym systemie wizualnym marki. W praktyce dobrze jest zapisać dokładne wartości głównych barw i stosować je konsekwentnie w banerach, postach, reklamach lokalnych oraz na stronie internetowej.
| Zapis | Przykład | Gdzie można go spotkać |
|---|---|---|
| RGB | 34, 139, 230 | Programy graficzne i konfiguratory kolorów |
| HEX | #228BE6 | Strony internetowe, CSS, narzędzia online |
| RGBA | 34, 139, 230, 0.7 | Grafika z przezroczystością |
Warto znać także format RGBA. Litera A oznacza kanał alfa, który kontroluje przezroczystość. Wartość 1 oznacza pełne krycie, a 0 całkowitą przezroczystość. Przydaje się to na przykład wtedy, gdy logo ma zostać położone na zdjęciu bez białego prostokąta w tle.
Sam zapis koloru nie gwarantuje jeszcze identycznego wyglądu. Ten sam odcień może różnić się między tanim monitorem, ekranem telefonu i profesjonalnym wyświetlaczem. Dlatego przy projektach reklamowych zwracam uwagę nie tylko na kod koloru, ale również na kontrast i czytelność w realnych warunkach.
RGB czy CMYK zależy od miejsca publikacji
Najważniejsza różnica między RGB a CMYK wynika z fizyki. Ekran emituje światło, więc korzysta z modelu RGB. Papier nie świeci, tylko odbija światło, dlatego druk opiera się głównie na tuszach lub farbach w modelu CMYK, czyli cyjan, magenta, yellow i black.
| Cecha | RGB | CMYK |
|---|---|---|
| Podstawa działania | Światło | Farba lub tusz |
| Najlepsze zastosowanie | Ekrany i internet | Ulotki, plakaty i wizytówki |
| Biel | Połączenie maksymalnego światła | Kolor papieru |
| Czerń | Brak światła | Osobny kanał czarnego tuszu |
Jeżeli przygotowujesz post na Facebooka, baner na stronę internetową albo grafikę do reklamy Google, wybierz RGB. Jeżeli projekt trafi do drukarni jako ulotka, plakat, menu lub baner reklamowy, zapytaj o wymagany profil kolorów i najczęściej pracuj w CMYK.
Konwersja z RGB do CMYK nie zawsze przebiega bez strat. Bardzo jaskrawe zielenie, intensywne turkusy czy neonowe pomarańcze mogą po przejściu do druku stać się spokojniejsze i mniej nasycone. To nie musi oznaczać błędu grafika. Część kolorów widocznych na ekranie po prostu wykracza poza możliwości farb drukarskich.
Najgorszym rozwiązaniem jest projektowanie wyłącznie na ekranie, a dopiero na końcu przypadkowa zmiana trybu kolorów. Przy ważnych materiałach drukowanych lepiej wykonać próbny wydruk albo poprosić drukarnię o proof, czyli kontrolny wydruk pokazujący przewidywany efekt.
Jak dobrać RGB do grafiki reklamowej
W reklamie nie chodzi o to, aby wykorzystać jak najbardziej jaskrawy kolor. Liczy się przede wszystkim to, czy odbiorca szybko odczyta komunikat i zapamięta markę. Dla lokalnego salonu usługowego, restauracji czy sklepu kolor powinien wspierać rozpoznawalność, a nie konkurować z tekstem.
Ustal paletę przed projektowaniem
Dobrym punktem wyjścia jest jeden kolor główny, jeden uzupełniający i neutralne tło. Przykładowo granat może budować wrażenie stabilności, pomarańcz przyciągać uwagę do przycisku, a jasne tło poprawiać czytelność. Nie traktuję jednak psychologii kolorów jak sztywnej instrukcji. Kontrast, kontekst i spójność marki zwykle mają większe znaczenie niż popularne listy znaczeń barw.
Sprawdź kontrast tekstu
Jasnozielony napis na białym tle może wyglądać atrakcyjnie w edytorze, ale być trudny do odczytania na telefonie w pełnym słońcu. Ciemny tekst na jasnym tle albo jasny tekst na wyraźnie ciemnym tle zazwyczaj sprawdza się lepiej.
Przed publikacją oglądam projekt w pomniejszeniu i na telefonie. Jeżeli po zmniejszeniu grafiki hasło reklamowe znika, problemem nie jest sam model RGB, lecz zbyt mały tekst, słaby kontrast albo przeładowane tło.
Przeczytaj również: Overprint w InDesignie - Jak działa i jak uniknąć błędów?
Zadbaj o właściwy profil
W większości projektów internetowych bezpiecznym wyborem jest sRGB, czyli popularna przestrzeń kolorów przeznaczona do wyświetlania na typowych urządzeniach. Szersze przestrzenie, takie jak Display P3, mogą pokazać więcej nasyconych barw na kompatybilnych ekranach, ale nie każdy odbiorca zobaczy je tak samo.
Dla małej firmy najczęściej wygrywa prostota. Jeśli grafika ma trafić do różnych serwisów, aplikacji i urządzeń, sRGB daje przewidywalny rezultat. Display P3 warto rozważyć wtedy, gdy cały proces publikacji i sprzęt zostały świadomie przygotowane pod szerszą przestrzeń.
Najczęstsze błędy przy pracy z RGB
Najczęściej spotykam sytuację, w której właściciel firmy zatwierdza kolor na jednym laptopie, a później dziwi się, że na telefonie wygląda inaczej. To naturalne, bo ekrany mają różną jasność, temperaturę barwową i sposób wyświetlania. Dlatego kolor marki trzeba oceniać razem z otoczeniem, a nie wyłącznie na pojedynczym urządzeniu.
- Projekt w RGB wysłany do druku bez sprawdzenia wymagań drukarni.
- Brak profilu kolorów lub przypadkowe przypisanie innego profilu przy eksporcie.
- Zbyt nasycone barwy, które wyglądają efektownie na ekranie, ale tracą intensywność po konwersji.
- Za mały kontrast między tekstem a tłem.
- Wielokrotne zapisywanie JPG, które może pogorszyć jakość drobnych elementów i napisów.
- Używanie jednego pliku do wszystkiego, mimo że internet i druk wymagają innych parametrów.
Dobrym zwyczajem jest eksportowanie osobnych wersji. Grafika do internetu może być zapisana jako JPG lub PNG w RGB, a plik do drukarni powinien odpowiadać jej specyfikacji, często z CMYK, odpowiednią rozdzielczością i spadami.
Nie zmieniaj też bezmyślnie RGB na CMYK tylko dlatego, że brzmi to bardziej „drukarsko”. Jeżeli materiał będzie używany wyłącznie w internecie, taka konwersja może niepotrzebnie ograniczyć paletę. Format dobiera się do nośnika, a nie do samego faktu, że projekt jest reklamą.
Kolor RGB powinien służyć celowi reklamy
RGB odpowiada za sposób budowania kolorów ze światła i jest naturalnym wyborem dla wszystkich materiałów oglądanych na ekranie. W grafice reklamowej najważniejsze pozostają jednak nie same wartości kanałów, lecz ich wpływ na rozpoznawalność marki, kontrast i czytelność komunikatu.
Przed publikacją sprawdź trzy rzeczy. Upewnij się, że projekt ma właściwy profil, zobacz go na więcej niż jednym urządzeniu i potwierdź, czy trafi do internetu, czy do druku. Taka krótka kontrola często oszczędza kosztownej poprawki i sprawia, że reklama lokalnej firmy wygląda profesjonalnie od pierwszego kontaktu.
