Zapis szesnastkowy kolorów w CSS

W CSS kolor można zapisać m.in. w postaci funkcji rgb() albo w zapisie szesnastkowym, np. #801008. Oba sposoby opisują ten sam model barw RGB, czyli trzy składowe:

• R — red, czerwony,
• G — green, zielony,
• B — blue, niebieski.

W zapisie rgb(128, 16, 8) każda wartość jest liczbą dziesiętną z zakresu od 0 do 255. Aby zamienić taki kolor na zapis szesnastkowy, każdą składową należy przeliczyć osobno na system szesnastkowy i zapisać jako dwie cyfry.

Przykład zamiany

Dla koloru:

rgb(128, 16, 8)

przeliczamy:

• 128 dziesiętnie = 80 szesnastkowo,
• 16 dziesiętnie = 10 szesnastkowo,
• 8 dziesiętnie = 08 szesnastkowo.

Wynik:

#801008

Ważna zasada

Każda składowa RGB w zapisie szesnastkowym musi mieć dokładnie 2 znaki. Dlatego liczba 8 nie jest zapisywana jako 8, lecz jako 08.

Schemat zapisu wygląda tak:

#RRGGBB

czyli:

#80 10 08

po połączeniu:

#801008

Najczęstszy błąd

Częstym błędem jest pominięcie zera wiodącego, np. zapisanie 8 zamiast 08, albo pomylenie kolejności składowych. Kolejność zawsze pozostaje taka sama: czerwony, zielony, niebieski — RGB.