RGB w CSS

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

RGB to sposób zapisu koloru za pomocą trzech składowych: R — red, G — green, B — blue. Każda składowa określa intensywność jednej barwy i przyjmuje wartość od 0 do 255.

W CSS kolor RGB można zapisać na przykład tak:

color: rgb(255, 16, 8);

Oznacza to:
- 255 — maksymalna ilość czerwieni,
- 16 — mała ilość zieleni,
- 8 — bardzo mała ilość niebieskiego.

Zamiana RGB na zapis szesnastkowy

Kolor RGB można zapisać także w formacie szesnastkowym #RRGGBB. Każdą składową RGB należy zamienić z systemu dziesiętnego na szesnastkowy i zapisać na dwóch znakach.

Przykład:

rgb(255, 16, 8)
255 = FF
16  = 10
8   = 08

Po połączeniu wartości otrzymujemy:

#FF1008

Ważne zasady

  • format #RRGGBB składa się z 6 znaków po znaku #,
  • każda składowa musi mieć dokładnie 2 cyfry szesnastkowe,
  • jeśli wynik ma jedną cyfrę, dopisuje się zero z przodu, np. 8 = 08,
  • największa wartość kanału to 255, czyli FF.