Centrum wiedzy o technologiach i pracy w IT
kody kolorów

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.
Nie udało się zapisać Twojej subskrypcji. Spróbuj ponownie.
Udało się! Widzimy się niebawem – newsletter wysyłamy w każdy wtorek

Otrzymuj za darmo unikalne poradniki, dane i wiedzę o pracy w IT – dostarczane co tydzień

Klikając “Zapisz mnie” wyrażasz zgodę na otrzymywanie e-maili od redakcji, a także ofert partnerów oraz akceptujesz naszą Politykę prywatności.

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:

Kolory HTML – na czym polegają i jak ustawić podstawowe?

UI Design System – czym jest?

Total
0
Shares
_podobne artykuły