Przejdź do głównej treści
  1. Strona główna
  2. Słownik
  3. INF.03
  4. Kolory szesnastkowe w CSS

Kolory szesnastkowe w CSS

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

Kolor szesnastkowy w CSS to zapis koloru za pomocą znaku # oraz cyfr systemu szesnastkowego. Przykład:

Infografika wyjaśniająca kolory szesnastkowe w CSS, budowę zapisu #RRGGBB oraz konwersję koloru #11FE07 na rgb(17, 254, 7).
color: #008000;

Taki zapis oznacza kolor w modelu RGB, gdzie kolejne pary znaków opisują składowe:

  • 00 — ilość czerwonego, czyli Red,
  • 80 — ilość zielonego, czyli Green,
  • 00 — ilość niebieskiego, czyli Blue.

Kod #008000 oznacza więc kolor zielony.

Dlaczego jest to zapis szesnastkowy?

System szesnastkowy używa 16 znaków:

0 1 2 3 4 5 6 7 8 9 A B C D E F

Każda para znaków może przyjąć wartości od 00 do FF, czyli od 0 do 255 w systemie dziesiętnym. Dzięki temu można zapisać pełny zakres wartości dla każdej składowej RGB.

Przykłady kolorów szesnastkowych

color: #000000; /* czarny */
color: #ffffff; /* biały */
color: #ff0000; /* czerwony */
color: #00ff00; /* zielony */
color: #0000ff; /* niebieski */

Skrócony zapis

Niektóre kolory można zapisać krócej, jeśli każda para znaków składa się z dwóch takich samych cyfr:

color: #fff; /* to samo co #ffffff */
color: #000; /* to samo co #000000 */

W pytaniach egzaminacyjnych zapis zaczynający się od #, np. #008000, należy rozpoznać jako format szesnastkowy.