KWALIFIKACJA INF2 - STYCZEŃ 2024

PYTANIE NR 1.
Przedstawiony na rysunku kolor zapisany w modelu RGB, w systemie szesnastkowym będzie zdefiniowany następująco
Ilustracja przedstawia fragment interfejsu użytkownika programu graficznego, który umożliwia wybór koloru za pomocą suwaków
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Każdą składową RGB zamienia się na dwie cyfry hex w kolejności R, G, B.
119 = 7×16+7 → 77, 160 = 10×16+0 → A0, 193 = 12×16+1 → C1. Po złączeniu par otrzymujemy zapis 77A0C1, który odpowiada kolorowi z rysunku.

Pełne wyjaśnienie:

W modelu RGB kolor opisują trzy liczby całkowite: R, G i B, każda w zakresie 0–255. Zapis heksadecymalny (hex) używany m.in. w CSS ma postać RRGGBB, czyli po dwie cyfry dla każdej składowej, zapisane w systemie szesnastkowym (00–FF).

Aby przeliczyć wartość dziesiętną na hex, rozkłada się ją na wielokrotność 16 i resztę: n = q×16 + r, gdzie q i r mieszczą się w 0–15. Następnie q i r zapisuje się jako cyfry hex (0–9) lub litery (A=10, B=11, C=12, D=13, E=14, F=15).

  • Dla R=119: 119 = 7×16 + 7, więc zapis to 77.
  • Dla G=160: 160 = 10×16 + 0, a 10 w hex to A, więc zapis to A0.
  • Dla B=193: 193 = 12×16 + 1, a 12 w hex to C, więc zapis to C1.

Po połączeniu w kolejności RGB otrzymujemy 77A0C1. Pozostałe propozycje są błędne, bo zmieniają co najmniej jedną składową (np. A0 → A1 oznaczałoby inną wartość kanału G, a inne pary cyfr odpowiadają zupełnie innym liczbom w zakresie 0–255). Na egzaminie warto liczyć każdą składową osobno i dopiero potem skleić wynik w formacie RRGGBB.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To zapis heksadecymalny koloru, w którym są 3 pary cyfr: RR dla czerwieni, GG dla zieleni i BB dla niebieskiego. Każda para opisuje wartość 0–255 zakodowaną jako 00–FF. Taki zapis jest powszechny w CSS i narzędziach graficznych.
Wykonaj dzielenie przez 16: 119 = 7×16 + 7. Następnie zamień 7 i 7 na cyfry hex (7 pozostaje 7). Otrzymujesz parę 77. Zawsze pilnuj dwóch znaków na kanał (np. 0 zapisuje się jako 00).
Bo 160 = 10×16 + 0. W systemie szesnastkowym wartości 10–15 zapisuje się literami A–F, więc 10 to A, a reszta 0 to 0. Razem daje to A0 jako dwuznakową składową kanału.
Przelicz osobno kanały: 119 → 77, 160 → A0, 193 → C1. Potem sklej w kolejności RGB, czyli 77A0C1. To dokładnie odpowiada formatowi RRGGBB używanemu w CSS/HTML (często poprzedzanemu znakiem #).
W typowym zapisie koloru w CSS używa się prefiksu #, np. #77A0C1. W samym zadaniu egzaminacyjnym często podaje się tylko 6 znaków bez #, ale nadal jest to ten sam kod RRGGBB. Zwróć uwagę, czego dokładnie wymaga treść.
Najczęściej: (1) pomylenie kolejności kanałów (RGB vs BGR), (2) błąd o 1 w jednej parze znaków (np. A0 vs A1), (3) brak dwóch znaków na kanał (np. zapis 7 zamiast 07), (4) błędne podstawienie liter A–F.
Bo jedna składowa RGB ma 8 bitów, czyli 256 możliwych wartości: 0–255. W systemie szesnastkowym 255 to FF (15×16+15). Stąd pełny zakres pojedynczego kanału w hex to 00–FF, a całego koloru to RRGGBB.
Są podobne, ale nie identyczne: różnią się wartością kanału zielonego o 1 (A0=160, A1=161). W zadaniach egzaminacyjnych liczy się dokładna konwersja, więc nawet minimalna różnica w jednym kanale oznacza błędny kod.
Najszybciej: dla każdej składowej policz iloraz i resztę z dzielenia przez 16 (q i r), a potem zamień 10–15 na A–F. Jeśli q i r są < 10, zostają cyframi. Na końcu upewnij się, że masz dokładnie 6 znaków.
W praktyce informatyka (zwłaszcza WWW) spotyka się też formaty: funkcję rgb() i rgba() w CSS, a także model HSL/HSLA. Na egzaminie najczęściej sprawdza się jednak zależność między RGB (0–255) a hex (00–FF).
info

Statystycznie 69% uczniów zna prawidłową odpowiedź. średnie

Według specjalistów z branży: "Każdą składową RGB zamienia się na dwie cyfry hex w kolejności R, G, B.119 = 7×16+7 → 77, 160 = 10×16+0 → A0, 193 = 12×16+1 → C1."

Źródła:

  • MDN Web Docs: "hex-color" (CSS color values) — https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color (dostęp: 2026-02-27)
  • W3C Working Draft: "CSS Color Module Level 4" (sekcje dot. notacji kolorów i wartości RGB/hex) — https://www.w3.org/TR/css-color-4/ (dostęp: 2026-02-27)
  • Wikipedia: "Hexadecimal" (zasady systemu szesnastkowego i mapowanie A–F) — https://en.wikipedia.org/wiki/Hexadecimal (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja MDN o zapisie kolorów w CSS (sekcja o hex)
  • Specyfikacja W3C dotycząca modułu kolorów w CSS
  • Ćwiczenia z konwersji systemów liczbowych (dziesiętny ↔ szesnastkowy)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego