Zrozum działanie kodów kolorów w RGB, HEX i CMYK
Ostatnia aktualizacja 3 stycznia, 2024
Kolory w świecie cyfrowym reprezentowane są przez specyficzne kody, które pozwalają na ich dokładne odwzorowanie na ekranach i w druku. Zrozumienie posługiwania się tymi kodami jest niezbędne dla grafików, projektantów stron internetowych i każdego, kto pracuje z kolorem w przestrzeni cyfrowej. W tym artykule przyjrzymy się bliżej, jakie są rodzaje kodów kolorów i jak się je wykorzystuje w poszczególnych obszarach.
- RGB stosuje model addytywny, tworząc kolory przez mieszanie światła. Jest to standard w każdym urządzeniu z ekranem cyfrowym.
- HEX jest szesnastkowym zapisem kolorów RGB, upraszczającym ich stosowanie w projektowaniu stron internetowych i grafice komputerowej. Jest bardziej zwięzły i łatwy w użyciu w HTML-u i CSS-ie, dlatego też powszechnie stosuje się go w projektowaniu webowym.
- CMYK stosuje model subtraktywny, tworzący kolory poprzez absorpcję światła. Jest podstawą w branży drukarskiej i zapewnia dokładne odwzorowanie kolorów na wydrukach. Jednakże w CMYKU nie stworzy się niektórych jaskrawych kolorów dostępnych w modelu RGB.
Kody kolorów – RGB, HEX i CMYK
RGB (Red, Green, Blue)
Kodów RGB używa się głównie w technologii cyfrowej. Pozwalają na tworzenie szerokiej gamy kolorów poprzez mieszanie trzech kolorów podstawowych: czerwonego, zielonego i niebieskiego.
Każdy z tych kolorów jest reprezentowany przez wartość od 0 do 255, co pozwala na uzyskanie ponad 16 milionów unikalnych odcieni. Przykładowo, pełna intensywność czerwonego (255, 0, 0) daje czystą czerwień, a kombinacja (0, 255, 0) daje czystą zieleń. RGB szeroko wykorzystuje się w ekranach telewizorów, monitorach komputerowych i smartfonach, gdzie kolory powstają poprzez świecenie pikseli w różnych intensywnościach.
HEX (Hexadecimal)
Kod HEX to szesnastkowy sposób zapisu kolorów. Jest skróconą formą reprezentacji kolorów RGB, używaną głównie w projektowaniu stron internetowych i grafice cyfrowej.
Składa się on z sześciu znaków (cyfr lub liter od A do F), gdzie każde dwie cyfry reprezentują wartość jednego z kolorów RGB. Na przykład, kod HEX #FF0000 odpowiada czerwieni RGB (255, 0, 0). Tę notację preferuje się w projektowaniu webowym, ponieważ jest bardziej zwięzła i łatwa do stosowania w kodzie HTML i CSS.
CMYK (Cyan, Magenta, Yellow, Key/Black)
Model CMYK wykorzystuje się głównie w drukarstwie i polega na mieszaniu czterech kolorów: cyjanu, magenty, żółtego i czarnego (klucza).
W przeciwieństwie do modelu RGB, CMYK jest modelem subtraktywnym. Oznacza to, że kolory powstają poprzez odejmowanie światła. Każdy kolor w modelu CMYK jest wyrażany jako procent, gdzie 0% oznacza brak koloru, a 100% pełną intensywność. Na przykład, mieszając 100% cyjanu (C) z 100% magenty (M) i 0% żółtego (Y) oraz czarnego (K), uzyskujemy głęboki fiolet. Ten model jest kluczowy w druku, ponieważ pozwala na dokładne odwzorowanie kolorów na różnych powierzchniach i materiałach.
Dalsza część tekstu znajduje się pod materiałem wideo:
Kody kolorów – RGB a CMYK
Różnice między modelami kolorów CMYK i RGB wynikają z odmiennych sposobów tworzenia kolorów.
Model RGB wykorzystuje się w urządzeniach emitujących światło (monitory, telewizory i inne ekrany). Kolor powstaje poprzez mieszanie światła czerwonego, zielonego i niebieskiego. CMYK stosuje się w druku. Kolory powstają za sprawą nakładania tuszy w kolorach cyjan, magenta, żółty i czarny na papier. Nie emitują one światła, ponieważ nie występują na ekranie. Oko postrzega barwę za sprawą fali światła odbitej od zakolorowanej w druku powierzchni.
Ponieważ RGB tworzy kolory przez dodawanie światła, jest w stanie wyprodukować bardziej jaskrawe i różnorodne barwy. Działanie modelu CMYK polega na absorpcji światła, co często daje bardziej stonowane odcienie. Prowadzi to do sytuacji, w której kolory widziane na ekranie mogą nie być dokładnie odwzorowane w druku. Dodatkowo, nie wszystkie kolory widoczne w modelu RGB mogą być wydrukowane przy użyciu CMYK, co tworzy wyzwanie w zachowaniu spójności kolorów między projektem cyfrowym a jego wydrukowaną wersją.
Czytaj także: