Model RGB

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest model RGB?

RGB to model opisu koloru oparty na trzech składowych światła:
- R – red (czerwony)
- G – green (zielony)
- B – blue (niebieski)

Infografika wyjaśniająca model RGB jako addytywny model kolorów używany na ekranach, z opisem składowych czerwonej, zielonej i niebieskiej oraz przykładami RGB(255, 0, 0), RGB(255, 255, 255) i RGB(0, 0, 0).

Jest to model addytywny, czyli kolory powstają przez dodawanie światła o różnych barwach. Model RGB jest powszechnie używany w:
- monitorach,
- telewizorach,
- projektowaniu stron internetowych,
- grafice komputerowej.

Jak zapisuje się kolor w RGB?

Kolor zapisuje się zwykle w postaci:

RGB(R, G, B)

Każda składowa przyjmuje najczęściej wartość od 0 do 255:
- 0 oznacza brak danej składowej,
- 255 oznacza jej maksymalne natężenie.

Przykłady podstawowych kolorów

  • RGB(255, 0, 0) – czerwony
  • RGB(0, 255, 0) – zielony
  • RGB(0, 0, 255) – niebieski
  • RGB(255, 255, 255) – biały
  • RGB(0, 0, 0) – czarny
  • RGB(255, 255, 0) – żółty

Jak interpretować zapis RGB(255, 0, 0)?

W tym zapisie:
- czerwony = 255,
- zielony = 0,
- niebieski = 0.

Oznacza to maksymalną ilość czerwieni i brak pozostałych składowych, więc otrzymujemy barwę czerwoną.

RGB a zapis w CSS

W CSS kolor można podać np. tak:

color: rgb(255, 0, 0);

Ten sam kolor można też zapisać szesnastkowo jako:

color: #ff0000;

Co warto zapamiętać na egzamin?

  • RGB to model kolorów używany na ekranach.
  • Kolejność składowych to zawsze: czerwony, zielony, niebieski.
  • RGB(255, 0, 0) oznacza kolor czerwony.
  • Gdy wszystkie trzy wartości są maksymalne, otrzymujemy biały; gdy wszystkie są równe 0 – czarny.