Systemy barwne - RGB, HEX, HSB, HSL, CMYK, LAB, Pantone i RAL

Systemy barwne służą do opisywania kolorów w taki sposób, aby komputer, monitor, drukarka, program graficzny, przeglądarka internetowa albo projektant mogły pracować na tych samych wartościach. Ten sam kolor można zapisać jako RGB, HEX, HSB, HSL, CMYK, LAB, Pantone albo RAL, ale każdy z tych systemów odpowiada na inne pytanie. RGB opisuje światło na ekranie, CMYK farby w druku, HSB i HSL pomagają intuicyjnie wybierać barwy, LAB próbuje opisywać kolor niezależnie od urządzenia, a systemy Pantone i RAL porządkują gotowe wzorniki kolorów. Dlatego znajomość systemów barwnych jest ważna nie tylko dla grafików, ale też dla osób pracujących ze stronami internetowymi, drukiem, identyfikacją wizualną, fotografią i projektowaniem.

Dlaczego istnieje kilka systemów barwnych?

Kolor wydaje się czymś prostym: czerwony, niebieski, zielony, żółty, czarny, biały. Problem zaczyna się wtedy, gdy trzeba ten kolor dokładnie zapisać, powtórzyć i pokazać na różnych urządzeniach. Monitor tworzy barwę światłem. Drukarka tworzy barwę farbą lub tonerem. Programista zapisuje kolor w kodzie strony. Fotograf pracuje na obrazie rastrowym. Grafik przygotowuje plik do druku. Producent mebli może potrzebować numeru z wzornika RAL, a projektant opakowania koloru Pantone.

Jeden system barwny nie wystarcza, ponieważ różne technologie wytwarzają kolor w różny sposób. Ekran świeci, papier odbija światło, farba ma swoją gęstość, monitor ma własną charakterystykę, a druk zależy od podłoża, profilu kolorystycznego i technologii produkcji. Dlatego ten sam projekt może wyglądać inaczej na laptopie, telefonie, wydruku biurowym i profesjonalnej maszynie drukarskiej.

Systemy barwne pomagają porządkować ten chaos. Nie gwarantują automatycznie, że kolor wszędzie będzie identyczny, ale pozwalają precyzyjniej mówić o barwie, przeliczać ją między zastosowaniami i lepiej przygotowywać pliki do konkretnego celu.

Kolor na ekranie i kolor w druku

Najważniejsza różnica w pracy z kolorem dotyczy ekranu i druku. Ekran emituje światło. Druk odbija światło od powierzchni papieru lub innego podłoża. Z tego powodu ekran może pokazać bardzo jasne, intensywne, świecące barwy, których druk nie zawsze jest w stanie odtworzyć.

RGB jest modelem addytywnym, czyli opartym na dodawaniu światła. Im więcej światła czerwonego, zielonego i niebieskiego, tym jaśniejszy efekt. Gdy wszystkie trzy składowe mają maksymalną wartość, otrzymujemy biel. Gdy wszystkie są zerowe, otrzymujemy czerń.

CMYK działa odwrotnie. To model subtraktywny, związany z farbami i pochłanianiem światła. Papier zwykle jest jasny, a farby odejmują część światła odbijanego od podłoża. Dlatego w druku używa się cyjanu, magenty, żółci i czerni. Czerń dodaje się osobno, bo uzyskanie głębokiej, neutralnej czerni wyłącznie z trzech kolorów byłoby trudne, drogie i nie zawsze czyste wizualnie.

RGB - podstawowy system kolorów ekranowych

RGB to system barwny oparty na trzech składowych: czerwonej, zielonej i niebieskiej. Skrót pochodzi od angielskich nazw Red, Green, Blue. W tym modelu kolor powstaje przez mieszanie światła emitowanego przez ekran.

Najczęściej każda składowa RGB zapisywana jest w zakresie od 0 do 255. Kolor czarny to RGB 0, 0, 0, ponieważ ekran nie emituje światła. Kolor biały to RGB 255, 255, 255, ponieważ wszystkie trzy składowe świecą z maksymalną intensywnością. Czysta czerwień to RGB 255, 0, 0, zieleń to RGB 0, 255, 0, a niebieski to RGB 0, 0, 255.

RGB jest podstawowym sposobem pracy z kolorem w monitorach, smartfonach, telewizorach, aparatach cyfrowych, grafice internetowej, aplikacjach i materiałach wyświetlanych na ekranie. Jeśli projekt ma być używany wyłącznie cyfrowo, najczęściej przygotowuje się go właśnie w przestrzeni RGB.

W klasycznym zapisie 8-bitowym każda z trzech składowych ma 256 możliwych wartości. Daje to 256 x 256 x 256, czyli 16 777 216 możliwych kombinacji. Stąd popularne określenie koloru 24-bitowego, ponieważ każda składowa zajmuje 8 bitów, a razem są to 24 bity.

Warto jednak pamiętać, że sama liczba możliwych kolorów nie oznacza jeszcze, że każdy monitor pokaże je identycznie. Znaczenie mają jakość ekranu, kalibracja, jasność, profil kolorystyczny, technologia matrycy i warunki oświetlenia.

HEX - zapis koloru w internecie

HEX nie jest osobnym modelem barwnym w takim sensie jak RGB czy CMYK. To sposób zapisywania wartości RGB w formie szesnastkowej, bardzo popularny w HTML, CSS i projektowaniu stron internetowych. Kolor zapisuje się zwykle jako sześć znaków poprzedzonych znakiem #.

Przykładowo kolor biały to #FFFFFF, czarny to #000000, czerwony to #FF0000, zielony to #00FF00, a niebieski to #0000FF. Pierwsze dwie wartości odpowiadają czerwieni, kolejne dwie zieleni, a ostatnie dwie niebieskiemu.

Zapis HEX jest wygodny w kodzie, bo jest krótki, jednoznaczny i powszechnie obsługiwany przez przeglądarki. Projektant strony może więc podać kolor jako HEX, a programista łatwo zastosuje go w arkuszu CSS.

HSB / HSV - odcień, nasycenie i jasność

HSB to system opisywania koloru przez trzy wartości: Hue, czyli odcień, Saturation, czyli nasycenie, oraz Brightness, czyli jasność. Bardzo podobny zapis znany jest jako HSV, gdzie V oznacza Value. W praktyce HSB i HSV często traktuje się jako bliskie określenia tego samego sposobu pracy z kolorem.

Ten system jest wygodny, ponieważ odpowiada bardziej naturalnemu myśleniu o barwie. Zamiast zastanawiać się, ile czerwieni, zieleni i niebieskiego trzeba dodać, można powiedzieć: chcę kolor niebieski, bardziej nasycony, ale trochę ciemniejszy. Właśnie dlatego HSB/HSV często jest wygodniejszy przy wyborze koloru w programach graficznych.

Odcień określa podstawową barwę i najczęściej podawany jest jako kąt od 0 do 360 stopni na kole barw. Nasycenie mówi, jak intensywny jest kolor. Jasność określa, jak mocno kolor świeci w sensie ekranowym. Przy nasyceniu 0 kolor traci barwę i staje się odcieniem szarości. Przy jasności 0 otrzymujemy czerń.

HSL - odcień, nasycenie i światłość

HSL jest podobny do HSB, ale zamiast jasności w sensie Brightness używa parametru Lightness, czyli światłości. Skrót oznacza Hue, Saturation, Lightness. HSL jest często używany w projektowaniu interfejsów, CSS i systemach projektowych, ponieważ pozwala wygodnie tworzyć warianty kolorów.

W HSL parametr światłości działa inaczej niż jasność w HSB. Przy 0% światłości kolor jest czarny, przy 100% jest biały, a przy 50% znajduje się jego najbardziej typowa postać. Dzięki temu łatwo tworzyć jaśniejsze i ciemniejsze warianty tego samego odcienia.

HSL jest bardzo przydatny wtedy, gdy projektant chce zachować jeden odcień koloru, ale zbudować na nim całą paletę: kolor podstawowy, kolor tła, kolor po najechaniu, kolor obramowania i delikatne odcienie pomocnicze.

CMYK - system kolorów do druku

CMYK to system barwny stosowany w druku. Skrót pochodzi od kolorów: Cyan, Magenta, Yellow i Key, czyli czarny. W przeciwieństwie do RGB, CMYK nie opisuje światła, lecz farby drukarskie nanoszone na papier lub inne podłoże.

Wartości CMYK podaje się zwykle w procentach. Przykładowo 0% C, 0% M, 0% Y i 100% K oznacza czarny z samej farby czarnej. Kolory mieszane powstają przez łączenie różnych wartości cyjanu, magenty, żółci i czerni.

CMYK jest niezbędny przy przygotowaniu materiałów do druku, takich jak ulotki, katalogi, wizytówki, plakaty, opakowania, etykiety i książki. Nie każdy kolor RGB da się jednak wiernie odtworzyć w CMYK. Szczególnie problematyczne bywają bardzo intensywne, jaskrawe barwy ekranowe.

LAB - kolor bliżej ludzkiego widzenia

LAB to przestrzeń barwna zaprojektowana tak, aby opisywać kolor bardziej niezależnie od konkretnego urządzenia. W dużym uproszczeniu kanał L odpowiada za jasność, kanał a opisuje oś zielony - czerwony, a kanał b oś niebieski - żółty.

LAB jest używany w bardziej zaawansowanej pracy z kolorem, korekcji zdjęć, konwersjach między przestrzeniami i zarządzaniu barwą. Nie jest tak intuicyjny dla początkujących jak HSB czy HSL, ale ma dużą wartość techniczną, ponieważ pomaga oddzielić jasność od informacji o barwie.

Dla zwykłego użytkownika najważniejsze jest zrozumienie, że LAB nie jest systemem do prostego podawania koloru na stronie internetowej. To raczej narzędzie do precyzyjniejszej pracy z barwą, szczególnie wtedy, gdy kolor przechodzi między różnymi urządzeniami i przestrzeniami.

Pantone i RAL - wzorniki kolorów

Pantone i RAL nie działają tak samo jak RGB czy CMYK. To przede wszystkim systemy wzornikowe, czyli uporządkowane zbiory gotowych kolorów oznaczonych numerami. Ułatwiają komunikację wtedy, gdy trzeba uzyskać konkretną barwę w produkcji, poligrafii, reklamie, lakierach, tworzywach, tekstyliach, architekturze lub identyfikacji wizualnej.

Pantone jest szczególnie ważny w projektowaniu graficznym, druku, modzie, opakowaniach i brandingu. Pozwala określić kolor specjalny, który może być drukowany jako osobna farba, a nie tylko symulowany z CMYK. Dzięki temu łatwiej zachować spójność koloru marki.

RAL jest często kojarzony z lakierami, farbami, architekturą, przemysłem, stolarką, metalem, elewacjami i produktami materialnymi. Jeśli ktoś wybiera kolor bramy, okna, elementu metalowego albo farby proszkowej, może spotkać się właśnie z numeracją RAL.

Skala szarości i kolor jednokanałowy

Skala szarości opisuje obraz bez informacji o barwie. Zamiast koloru czerwonego, zielonego i niebieskiego pojawia się tylko informacja o jasności. Obraz może więc przechodzić od czerni przez różne szarości do bieli.

Skala szarości jest ważna w fotografii czarno-białej, druku jednokolorowym, skanach dokumentów, przygotowaniu materiałów technicznych, analizie obrazu i projektach, w których liczy się kontrast oraz czytelność bardziej niż kolor.

W praktyce warto pamiętać, że dobry projekt powinien być czytelny nie tylko dzięki kolorowi. Jeśli informacja znika po przełączeniu obrazu na skalę szarości, oznacza to, że projekt zbyt mocno polega wyłącznie na barwie, a za mało na kontraście, hierarchii i kształcie.

Porównanie systemów barwnych

Najłatwiej zapamiętać systemy barwne przez ich zastosowanie. RGB i HEX są najbliżej ekranów. CMYK jest najbliżej druku. HSB, HSV i HSL pomagają projektantowi myśleć o kolorze. LAB jest narzędziem bardziej technicznym. Pantone i RAL porządkują kolor w świecie produkcji oraz wzorników.

Najczęstsze problemy z kolorem

Problemy z kolorem najczęściej pojawiają się wtedy, gdy projekt przechodzi między różnymi urządzeniami i technologiami. To, co wygląda dobrze na ekranie, może wyglądać inaczej po wydruku. Kolor z pliku może nie zgadzać się z kolorem z lakierni. Zdjęcie na telefonie może być bardziej nasycone niż na monitorze biurowym. Logo zapisane jako obraz rastrowy może tracić jakość po powiększeniu.

Kolor z ekranu nie zgadza się z wydrukiem
To najczęstszy problem. Ekran pracuje w RGB i świeci, a druk działa w CMYK i odbija światło. Do tego dochodzą profile kolorystyczne, papier, farby i ustawienia drukarki.

Zbyt intensywne kolory RGB po konwersji do CMYK
Niektóre jaskrawe kolory ekranowe nie mieszczą się w możliwościach standardowego druku. Po konwersji mogą stać się ciemniejsze, mniej nasycone albo bardziej przygaszone.

Brak jednego zapisu koloru firmowego
Marka powinna mieć określone wartości dla różnych zastosowań: RGB/HEX do internetu, CMYK do druku, a w razie potrzeby również Pantone lub RAL. Jeden zapis nie wystarcza do wszystkich mediów.

Praca bez profili kolorystycznych
Profil kolorystyczny pomaga opisać, jak konkretne urządzenie lub przestrzeń interpretuje kolor. Bez profili łatwo o rozbieżności między programem, monitorem i drukiem.

Uznawanie wartości liczbowej za gwarancję wyglądu
Ten sam zapis RGB może wyglądać inaczej na dwóch monitorach. Liczba jest punktem odniesienia, ale wygląd zależy od urządzenia, kalibracji i warunków oglądania.

Jak wybrać właściwy system barwny?

Najprostsza zasada brzmi: wybieraj system barwny według miejsca użycia projektu. Jeśli tworzysz grafikę na stronę internetową, aplikację, baner online albo prezentację ekranową, pracuj w RGB i zapisuj kolory także jako HEX. Jeśli przygotowujesz plik do druku, kontroluj CMYK i profil wskazany przez drukarnię.

Jeśli wybierasz kolor w programie graficznym i chcesz łatwo zmienić jego intensywność lub jasność, wygodniejszy może być HSB lub HSL. Jeśli projekt dotyczy identyfikacji wizualnej marki, warto opisać kolor w kilku systemach jednocześnie, aby zachować spójność w internecie, druku i produkcji.

W przypadku materiałów szczególnie ważnych kolorystycznie, takich jak logo, opakowanie, katalog premium, lakier, elewacja albo element identyfikacji firmy, najlepiej nie polegać wyłącznie na ekranie. Warto korzystać z próbnych wydruków, wzorników, proofów i uzgodnień z wykonawcą.

Systemy barwne nie są konkurencyjnymi zestawami kolorów, lecz różnymi językami opisu barwy. RGB mówi o świetle ekranu, HEX zapisuje RGB w formie wygodnej dla internetu, HSB i HSL pomagają intuicyjnie regulować odcień, nasycenie i jasność, CMYK opisuje farby w druku, LAB wspiera zaawansowane zarządzanie kolorem, a Pantone i RAL porządkują kolory w formie wzorników. Świadoma praca z kolorem zaczyna się wtedy, gdy przestajemy pytać tylko o to, "jaki kolor wygląda dobrze", a zaczynamy pytać, gdzie, jak i na czym ten kolor ma zostać pokazany.

FAQ - systemy barwne