Kolory szesnastkowe w CSS

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

Kolory szesnastkowe w CSS

Kolor szesnastkowy to popularny sposób zapisu koloru w HTML i CSS. Ma postać #RRGGBB, gdzie:

  • RR oznacza składową czerwoną,
  • GG oznacza składową zieloną,
  • BB oznacza składową niebieską.

Każda składowa zapisana jest w systemie szesnastkowym, czyli używa cyfr 0-9 oraz liter A-F. Zakres jednej składowej to od 00 do FF, co odpowiada wartościom dziesiętnym od 0 do 255.

Przykład konwersji

Kolor:

#11FE07

należy podzielić na trzy pary znaków:

11   FE   07
R    G    B

Następnie każdą parę zamieniamy z systemu szesnastkowego na dziesiętny:

  • 11 hex = 17 dec,
  • FE hex = 254 dec,
  • 07 hex = 7 dec.

W formacie RGB zapis będzie więc następujący:

rgb(17, 254, 7)

Ważne na egzaminie

Nie wolno przepisywać liter z zapisu szesnastkowego do funkcji rgb(). Format rgb() przyjmuje wartości dziesiętne, np. 254, a nie FE.

Przykład użycia w CSS:

body {
  background-color: #11FE07;
}

p {
  color: rgb(17, 254, 7);
}

Oba zapisy oznaczają ten sam kolor.