KWALIFIKACJA INF3 - CZERWIEC 2015

PYTANIE NR 11.
W załączonym fragmencie kodu CSS kolor jest zapisany w postaci
Ilustracja przedstawia fragment kodu CSS, w którym kolor jest zapisany w postaci szesnastkowej.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Zapis szesnastkowy w CSS rozpoznasz po użyciu cyfr 0–9 oraz liter A–F (zwykle z prefiksem #, np. #RRGGBB lub #RGB). Modele HSL i CMYK mają inną składnię, a "dziesiętny" nie jest typową nazwą formatu zapisu koloru w CSS.

Pełne wyjaśnienie:

W CSS kolor może być zapisany na kilka sposobów, ale jednym z najczęstszych jest zapis szesnastkowy (hex). Taki zapis wykorzystuje system o podstawie 16, czyli znaki 0–9 oraz A–F, gdzie A=10, B=11, …, F=15. W praktyce w arkuszu stylów spotkasz go najczęściej w postaci:

  • #RRGGBB – po dwie cyfry (hex) dla składowych czerwonej, zielonej i niebieskiej,
  • #RGB – skrócony wariant, w którym każda składowa jest zapisana jedną cyfrą i jest "powielana" (np. #FA3 odpowiada #FFAA33).

Odpowiedź "szesnastkowej." jest więc poprawna, jeśli w pokazanym fragmencie kodu występuje taki właśnie wzorzec (np. z symbolem # i znakami A–F).

Pozostałe odpowiedzi są niepoprawne w tym kontekście:

  • "dziesiętnej." – w CSS spotyka się zapisy liczbowe (np. rgb(255, 0, 0)), ale nazywa się je zwykle zapisem RGB/RGBA, a nie "kolorem zapisanym dziesiętnie" w oderwaniu od funkcji i składni. W samym hex kluczowe są litery A–F i zapis bazujący na 16.
  • "CMYK" – to model używany głównie w druku; w typowym CSS nie zapisuje się kolorów bezpośrednio jako CMYK w prostym fragmencie stylów.
  • "HSL" – w CSS istnieje funkcja hsl()/hsla(), ale jej składnia jest inna (np. hsl(120, 100%, 50%)), więc łatwo ją odróżnić od hex.

Wskazówka egzaminacyjna: szukaj znaków charakterystycznych (#, litery A–F, stała długość 3/6 znaków). To najszybszy sposób, aby rozpoznać zapis szesnastkowy w kodzie CSS.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To sposób zapisu koloru używający systemu liczbowego o podstawie 16 (0–9 i A–F). W CSS najczęściej ma postać #RRGGBB lub skróconą #RGB, gdzie kolejne znaki opisują składowe czerwieni, zieleni i niebieskiego.
Najczęściej po znaku # oraz po tym, że po nim występują 3 lub 6 znaków z zakresu 0–9 i A–F. Jeśli widzisz litery A–F w wartości koloru, to silna wskazówka zapisu szesnastkowego.
Poza hex często spotyka się rgb()/rgba() (składowe liczbowe) oraz hsl()/hsla() (odcień, nasycenie, jasność). W praktyce dobór formatu zależy od narzędzi i wygody pracy z barwami.
CMYK jest modelem barw typowym dla druku (farby), a CSS opisuje kolory ekranowe i standardowo operuje na RGB/hex/HSL. Dlatego w zadaniach stricte o kodzie CSS CMYK jest najczęściej dystraktorem sprawdzającym, czy nie mieszasz dziedzin.
Tak, to ten sam kolor. #FFF to skrót zapisu szesnastkowego, w którym każda cyfra jest powielana: #FFF odpowiada #FFFFFF. Analogicznie #FA3 odpowiada #FFAA33.
Dozwolone są cyfry 0–9 oraz litery A–F (często również w wersji małej a–f). Wynika to z systemu szesnastkowego, gdzie A–F reprezentują wartości 10–15.
Znak # jest prefiksem wskazującym, że następuje po nim notacja szesnastkowa składowych koloru. Dzięki temu przeglądarka interpretuje wartość jako hex, a nie jako nazwę koloru czy inną wartość tekstową.
HSL w CSS zwykle występuje jako funkcja hsl(...) lub hsla(...) i zawiera liczby oraz procenty (np. 50%). Hex jest krótki, poprzedzony # i składa się z 3/6 znaków 0–9, A–F.
W praktyce mówi się raczej o zapisie RGB (np. rgb(255, 0, 0)) niż o "kolorze zapisanym dziesiętnie". Liczby są dziesiętne, ale kluczowa jest funkcja rgb()/rgba() oraz znaczenie składowych, a nie sama podstawa systemu.
Ćwicz szybkie rozpoznawanie składni: # + 3/6 znaków (hex), rgb() z liczbami, hsl() z procentami. Warto też umieć wyjaśnić, co oznaczają składowe i kiedy dany format jest wygodniejszy w praktyce.
info

Statystycznie 76% uczniów zna prawidłową odpowiedź. średnio łatwe

Według specjalistów z branży: "Zapis szesnastkowy w CSS rozpoznasz po użyciu cyfr 0–9 oraz liter A–F (zwykle z prefiksem #, np. #RRGGBB lub #RGB)."

Źródła:

  • MDN Web Docs: "color" (CSS) – sekcja o notacji kolorów i zapisach hex, https://developer.mozilla.org/en-US/docs/Web/CSS/color (dostęp: 2026-02-28)
  • MDN Web Docs: "hex-color" – opis formatu #RRGGBB/#RGB, https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color (dostęp: 2026-02-28)
  • W3C/Working Group Draft: CSS Color Module Level 4 – rozdziały o notacjach kolorów, https://www.w3.org/TR/css-color-4/ (dostęp: 2026-02-28)

Materiały:

  • Dokumentacja MDN: CSS Color
  • Specyfikacja W3C/WG dotycząca modułu kolorów w CSS
  • Ćwiczenia: zamiana hex na RGB/HSL i odwrotnie w prostych stylach

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego