Kolory HEX w CSS

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

Kolory HEX to jeden z najczęściej spotykanych sposobów zapisu kolorów w HTML i CSS. Zapis ma postać #RRGGBB, gdzie każda para znaków określa intensywność jednej składowej koloru w modelu RGB.

Budowa zapisu #RRGGBB

  • RR - składowa czerwona, czyli red,
  • GG - składowa zielona, czyli green,
  • BB - składowa niebieska, czyli blue.

Każda para jest liczbą szesnastkową od 00 do FF. Wartość 00 oznacza brak danej składowej, a FF jej maksymalne natężenie.

Przykłady

color: #FF0000; /* czerwony */
color: #00FF00; /* zielony */
color: #0000FF; /* niebieski */
color: #000000; /* czarny */
color: #FFFFFF; /* biały */

W pytaniach egzaminacyjnych należy patrzeć na kolejność par: czerwona, zielona, niebieska. Kod #0000EE oznacza kolor o odcieniu niebieskim, ponieważ dwie pierwsze składowe mają wartość 00, a ostatnia, odpowiadająca za niebieski, ma wysoką wartość EE.

Skrócony zapis HEX

Niektóre kolory można zapisać krócej, np. #00F zamiast #0000FF. Skrót działa tylko wtedy, gdy każda para ma dwa takie same znaki, np. #AABBCC można zapisać jako #ABC.