Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA PGF4 - STYCZEŃ 2018



PYTANIE NR 37.
W którym przypadku dwa zapisy oznaczają w kodzie HTML ten sam kolor? A)yellow; #ffff00 B)red; #00ff00 C)blue; #ff0000 D)black; #ffffff
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Zapis nazwy koloru i zapis szesnastkowy mogą oznaczać tę samą barwę, jeśli odpowiadają identycznym składowym RGB. "yellow" ma wartości RGB(255,255,0), czyli w hex #ffff00. Pozostałe pary celowo mieszają nazwę z kodem innego koloru (np. #ffffff to biel).

Pełne wyjaśnienie:

W HTML/CSS kolor można zapisać na kilka równoważnych sposobów: jako nazwę koloru (np. yellow), jako wartość szesnastkową w formacie #RRGGBB oraz jako funkcję opartą o model RGB. Przeglądarka finalnie interpretuje wszystkie te zapisy jako te same trzy kanały: czerwień, zieleń i błękit (0–255).

Odpowiedź "yellow; #ffff00" jest poprawna, ponieważ standardowo nazwa yellow odpowiada RGB(255,255,0). W zapisie hex każda para cyfr to jeden kanał: FF oznacza 255, a 00

Pozostałe propozycje są błędne, bo łączą nazwę z kodem innej barwy:

  • "red; #00ff00" – #00ff00 oznacza maksymalną zieleń (R=0, G=255, B=0), czyli kolor "green/lime", a nie czerwień.
  • "blue; #ff0000" – #ff0000 to czysta czerwień (R=255), podczas gdy "blue" ma kanał niebieski dominujący.
  • "black; #ffffff" – "black" to (0,0,0), a #ffffff to (255,255,255), czyli biel.

Wskazówka egzaminacyjna: czytaj #RRGGBB zawsze w kolejności kanałów RGB i zapamiętaj kilka kotwic: #ff0000 (czerwony), #00ff00 (zielony), #0000ff (niebieski), #ffffff (biały), #000000 (czarny), #ffff00 (żółty). To pozwala szybko wychwycić niezgodne pary.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest zapis koloru #RRGGBB w HTML i CSS?
To zapis szesnastkowy (hex) trzech kanałów modelu RGB: RR–czerwień, GG–zieleń, BB–błękit. Każdy kanał ma zakres od 00 do FF, czyli od 0 do 255. Przykład: #ffff00 oznacza (255,255,0) – żółty.
Jak sprawdzić, czy nazwa koloru i kod hex oznaczają to samo?
Trzeba porównać wartości RGB przypisane do nazwy z kanałami w zapisie #RRGGBB. Jeśli wszystkie trzy kanały są identyczne, kolor będzie taki sam. Najpewniej korzystać z dokumentacji (lista nazwanych kolorów) albo z narzędzi deweloperskich w przeglądarce.
Dlaczego yellow to dokładnie #ffff00?
W standardzie nazwa yellow ma RGB(255,255,0). W hex 255 to FF, a 0 to 00. Składając kanały w kolejności R-G-B otrzymujesz #FF FF 00, czyli #ffff00. Przeglądarki renderują to identycznie.
Jakie są najczęstsze pomyłki przy dopasowywaniu nazw kolorów do hex?
Typowe błędy to: mylenie podobnych nazw (np. purple vs magenta), błędne czytanie kolejności kanałów (R-G-B), oraz automatyczne uznawanie, że "#ff…" oznacza czerwony niezależnie od dalszych cyfr. Pomaga zapamiętanie kilku podstawowych kodów kotwic.
Czy zapis #FFFF00 i #ffff00 to ten sam kolor?
Tak. Zapis szesnastkowy w CSS/HTML jest niewrażliwy na wielkość liter. Oznacza to, że #FFFF00 i #ffff00 mają identyczne kanały (FF, FF, 00), więc dadzą dokładnie tę samą barwę w przeglądarce.
Co oznacza kod #00ff00 i z jaką nazwą koloru się kojarzy?
#00ff00 to RGB(0,255,0), czyli maksymalna zieleń bez czerwieni i błękitu. W praktyce kojarzy się z intensywną zielenią (często jako "lime"). To dobry przykład, że sama obecność "ff" nie oznacza czerwieni — liczy się pozycja w #RRGGBB.
Jak szybko rozpoznać, że #ffffff nie może oznaczać black?
W modelu RGB "black" to brak światła: (0,0,0), czyli #000000. Z kolei #ffffff to maksimum na wszystkich kanałach: (255,255,255), czyli biel. Wystarczy zapamiętać zasadę: same zera = czarny, same FF = biały.
Kiedy lepiej używać nazwy koloru zamiast zapisu hex w projekcie?
Nazwy (np. yellow) są czytelne i szybkie przy prostych projektach lub prototypach. Hex jest wygodniejszy, gdy pracujesz z paletą z programu graficznego, masz dokładne wartości marki albo potrzebujesz spójności z narzędziami UI. Oba zapisy są równoważne.
Jak przeliczyć RGB(255,255,0) na zapis hex?
Każdą składową (0–255) zamieniasz na dwie cyfry hex (00–FF) i składasz w kolejności R-G-B. Dla (255,255,0) masz: 255→FF, 255→FF, 0→00, więc wynik to #ffff00. Ważne: zawsze dwie cyfry na kanał.
Czy na egzaminie trzeba znać wszystkie nazwane kolory HTML?
Zwykle nie. Najczęściej wystarczy rozumieć model RGB i umieć rozpoznać kilka podstawowych mapowań (np. red, green, blue, yellow, black, white) oraz czytać #RRGGBB. Jeśli znasz "kotwice", łatwiej wyłapiesz odpowiedzi celowo pomieszane.
info

To pytanie poprawnie rozwiązuje 67% zdających egzamin. średnie

Specjaliści zwracają uwagę: "Zapis nazwy koloru i zapis szesnastkowy mogą oznaczać tę samą barwę, jeśli odpowiadają identycznym składowym RGB."

Źródła:

  • W3C, "CSS Color Module Level 3" (Color Keywords / Named colors), https://www.w3.org/TR/css-color-3/ (dostęp: 2026-02-28)
  • MDN Web Docs, "color" (wartości koloru w CSS), https://developer.mozilla.org/en-US/docs/Web/CSS/color_value (dostęp: 2026-02-28)
  • MDN Web Docs, "Named colors" (lista i znaczenie nazwanych kolorów), https://developer.mozilla.org/en-US/docs/Web/CSS/named-color (dostęp: 2026-02-28)

Materiały:

  • Dokumentacja W3C: CSS Color Module Level 3 (lista nazwanych kolorów i ich wartości)
  • MDN Web Docs: dokumentacja wartości koloru w CSS oraz nazwanych kolorów
  • Ćwiczenia: ręczne dopasowywanie popularnych kolorów (red/green/blue/yellow/black/white) do #RRGGBB
Zobacz też:

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego