System szesnastkowy

Tabela wartości systemu szesnastkowego

Cyfra hex0123456789ABCDEF
Wartość dziesiętna0123456789101112131415



Przykłady przeliczania wartości szesnastkowych na dziesiętne

HexCDFFA31F4571
Cyfra 1 (16¹)C = 12F = 15A = 101 = 14 = 47 = 7
Cyfra 2 (16⁰)D = 13F = 153 = 3F = 155 = 51 = 1
Obliczenie12×16 + 13×115×16 + 15×110×16 + 3×11×16 + 15×14×16 + 5×17×16 + 1×1
Wartość dziesiętna192 + 13 = 205240 + 15 = 255160 + 3 = 16316 + 15 = 3164 + 5 = 69112 + 1 = 113



Zapis szesnastkowy kolorów w Internecie

W projektowaniu stron internetowych i grafice komputerowej kolory bardzo często zapisuje się w formacie szesnastkowymRGB — czyli jako kombinację trzech składowych: Red (czerwony), Green (zielony)Blue (niebieski).



Struktura zapisu szesnastkowego

Kolor zapisany w formacie hex ma postać #RRGGBB, gdzie:

  • RR – intensywność czerwieni
  • GG – intensywność zieleni
  • BB – intensywność niebieskiego

Każda para znaków to liczba szesnastkowa od 00 (czyli 0 w systemie dziesiętnym) do FF (czyli 255 w systemie dziesiętnym). Dzięki temu można zapisać aż 16 777 216 różnych kolorów (256 × 256 × 256).



Przykład: kolor #ff4571

Rozbijmy ten kod na składowe RGB:

  • FF – czerwony = 255
  • 45 – zielony = 69
  • 71 – niebieski = 113

Oznacza to, że kolor #ff4571 to intensywny różowo-czerwony odcień, z dominującą czerwienią, umiarkowaną ilością niebieskiego i niewielką domieszką zieleni.



Dlaczego zapis hex jest popularny?

  • Jest krótki i łatwy do zapisania w kodzie HTML/CSS
  • Umożliwia precyzyjne odwzorowanie kolorów
  • Jest wspierany przez wszystkie przeglądarki i edytory graficzne