KWALIFIKACJA INF3 - STYCZEŃ 2024

PYTANIE NR 12.
Kolor zapisany kodem rgb(255, 10, 22), w kodzie heksadecymalnym będzie miał wartość
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
rgb(255, 10, 22) zamienia się na zapis hex jako trzy bajty RR GG BB.
255 w hex to FF, 10 w hex to 0A (ważne wiodące zero), a 22 w hex to 16.
Po złączeniu otrzymujemy #FF0A16.

Pełne wyjaśnienie:

W zapisie rgb(R, G, B) każda składowa jest liczbą dziesiętną z zakresu 0–255. Zapis heksadecymalny koloru w CSS w formie #RRGGBB składa się z trzech dwucyfrowych liczb w systemie szesnastkowym (po jednym bajcie na kanał): najpierw czerwony (RR), potem zielony (GG), na końcu niebieski (BB).

Dla rgb(255, 10, 22) liczymy osobno:

  • R = 255 → w hex jest to FF (bo F=15, a 15*16+15=255).
  • G = 10 → w hex jest to 0A. Typowy błąd to zapisanie "10" jako "10" w hex, ale liczba 10 dziesiętnie odpowiada cyfrze A w systemie szesnastkowym. Ponieważ każda składowa ma zawsze 2 znaki, trzeba dopisać wiodące zero: 0A.
  • B = 22 → w hex to 16, ponieważ 1*16 + 6 = 22.

Po połączeniu bajtów w kolejności R-G-B dostajemy zapis: #FF0A16.

Dlaczego pozostałe odpowiedzi są błędne?

  • #2551022 wygląda jak "doklejone" wartości dziesiętne; to nie jest format #RRGGBB i nie koduje bajtów w hex.
  • #FF1016 błędnie zostawia "10" jako dwa znaki, ale w hex "10" oznacza 16 dziesiętnie; składowa G byłaby wtedy 16, a nie 10.
  • #251022 miesza zapis dziesiętny z heksadecymalnym i nie zachowuje zasady dwóch znaków na kanał w systemie hex.

Wskazówka egzaminacyjna: zapamiętaj mapowanie 10–15 na A–F oraz to, że każda składowa w #RRGGBB ma dokładnie dwa znaki (00–FF). To automatycznie wymusza wiodące zero dla wartości 0–15.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Zamień każdą składową R, G i B z zakresu 0–255 na dwucyfrowy zapis hex (00–FF), a potem sklej w kolejności R-G-B. Dla 255→FF, 10→0A (z wiodącym zerem), 22→16, więc wynik to #FF0A16.
Każdy kanał RGB to 1 bajt (8 bitów), czyli 256 możliwych wartości. W systemie szesnastkowym 1 bajt zapisuje się dokładnie jako 2 cyfry (00–FF). Dzięki temu zapis #RRGGBB ma stałą długość i łatwo go parsować.
Wiodące zero pojawia się, gdy wartość w hex ma tylko jedną cyfrę (0–F). Ponieważ kanał musi mieć 2 znaki, dopisuje się 0 z przodu. Przykład: 10 dziesiętnie to A w hex, ale jako bajt zapisujesz 0A.
Zapamiętaj, że 10–15 odpowiada A–F. Czyli 10→A, 11→B, 12→C, 13→D, 14→E, 15→F. W kolorach CSS dopisujesz drugi znak: 10→0A. To częsty punkt na egzaminach.
Bo w zapisie hex "10" oznacza 16 dziesiętnie (1×16+0), a nie 10. Dla składowej G=10 poprawny zapis to 0A. Gdyby było #FF1016, kolor odpowiadałby rgb(255, 16, 22), czyli innej wartości zieleni.
Najczęściej: (1) zostawianie wartości 10 jako "10" zamiast "0A", (2) pomijanie wiodących zer dla 0–15, (3) przestawienie kolejności kanałów RGB, (4) traktowanie #RRGGBB jak sklejone liczby dziesiętne. Pomaga liczenie kanał po kanale.
Tak. W CSS spotkasz też m.in. zapis funkcjami (np. rgba() z kanałem alfa), notacją hsl()/hsla(), a czasem krótkim hex #RGB (gdy każda para ma identyczne cyfry, np. #FF00AA → #F0A). Na egzaminie sprawdzaj, o jaki format pytają.
Sprawdź trzy rzeczy: (1) format ma 7 znaków z # na początku, (2) każdy kanał to 2 znaki 0–9 lub A–F, (3) kanały skrajne: 255 zawsze daje FF, 0 zawsze daje 00. Dla wartości 10–15 musi pojawić się 0A–0F.
Np. przy modyfikacji wyglądu paneli WWW, szablonów stron intranetowych, konfiguracji motywów w aplikacjach webowych i CMS, a także przy pracy z arkuszami CSS w dokumentacji i systemach zgłoszeń. Technik informatyk często czyta i poprawia takie wartości.
Użyj narzędzi deweloperskich (DevTools): zaznacz element, przejdź do stylów CSS i kliknij próbnik koloru. Przeglądarka zwykle pokazuje równoważne formaty (rgb i hex) i pozwala je przełączać. To dobry sposób weryfikacji na ćwiczeniach.
info

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

Eksperci podkreślają: "rgb(255, 10, 22) zamienia się na zapis hex jako trzy bajty RR GG BB."

Źródła:

  • MDN Web Docs: "hex-color" (CSS) – opis formatu #RRGGBB i zasad zapisu, https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color (dostęp: 2026-03-01)
  • MDN Web Docs: "rgb()" (CSS) – składnia i znaczenie składowych RGB, https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb (dostęp: 2026-03-01)
  • W3C Working Draft: CSS Color Module Level 4 – rozdziały o notacjach kolorów (RGB i hex), https://www.w3.org/TR/css-color-4/ (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN o zapisach kolorów w CSS
  • Specyfikacja CSS Color (sekcja o notacji rgb() i hex)
  • Krótkie ćwiczenia z konwersji liczb 0–255 na hex (tabela 0–15 → 0–F)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego