Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA PGF4 - CZERWIEC 2015



PYTANIE NR 14.
W którym przypadku oba zapisy oznaczają w kodzie HTML ten sam kolor?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawna jest para yellow; #ffff00, bo nazwa "yellow" w standardzie HTML/CSS ma dokładnie wartość #ffff00 (RGB 255,255,0). Pozostałe pary nie są równoważne: "green" to #008000, a rgb(0,255,0) odpowiada "lime"; "purple" to #800080, a #ff00ff to magenta/fuchsia.

Pełne wyjaśnienie:

W HTML/CSS kolor można zapisać na kilka sposobów, m.in. jako:

  • nazwę (tzw. color keyword),
  • kod szesnastkowy #RRGGBB,
  • funkcję rgb(R,G,B), gdzie R, G i B są liczbami 0–255.

Pytanie sprawdza, czy wiesz, że nazwy kolorów są w standardzie jednoznacznie zdefiniowane i nie zawsze odpowiadają "maksymalnie nasyconym" składowym.

Para "yellow; #ffff00" jest zgodna, ponieważ "yellow" ma wartość #ffff00, czyli RGB(255,255,0): pełna czerwień i pełna zieleń oraz brak niebieskiego.

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

  • "purple; #ff00ff" nie pasuje, bo "purple" ma wartość #800080 (ciemniejsza purpura), natomiast #ff00ff to intensywny magenta/fuchsia.
  • "green; rgb(0, 255, 0)" nie pasuje, bo "green" to #008000 (RGB 0,128,0), a rgb(0,255,0) oznacza "lime" (#00ff00). To klasyczna pułapka: nazwa "green" nie jest równa "pełnej zieleni".
  • "rgb(128, 255, 0); #ff8000" nie pasuje, bo #ff8000 odpowiada RGB(255,128,0), czyli zupełnie innym proporcjom kanałów niż (128,255,0).

W praktyce (np. przy publikacji zdjęć w portfolio online) bezpieczniej jest używać HEX/RGB, gdy potrzebujesz dokładnej, powtarzalnej barwy.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to są nazwane kolory w HTML i CSS?
Nazwane kolory (color keywords) to z góry zdefiniowane nazwy barw, np. yellow czy green, które mają przypisane konkretne wartości RGB/HEX w standardzie. Dzięki temu przeglądarka zawsze odwzoruje je tak samo, niezależnie od systemu.
Dlaczego "green" nie oznacza rgb(0, 255, 0)?
Bo w standardowych nazwach HTML/CSS słowo green ma przypisaną stałą wartość #008000 (ciemniejsza zieleń). Zapis rgb(0,255,0) to inna, jaśniejsza zieleń o nazwie lime. Mylenie tych nazw to jeden z najczęstszych błędów.
Co oznacza zapis koloru #RRGGBB?
To zapis szesnastkowy trzech kanałów: czerwonego (RR), zielonego (GG) i niebieskiego (BB). Każda para ma zakres 00–FF, czyli 0–255 w systemie dziesiętnym. Przykład: #ffff00 to czerwony=255, zielony=255, niebieski=0.
Jak działa funkcja rgb( ) w CSS?
rgb(R,G,B) opisuje barwę trzema liczbami od 0 do 255: intensywnością czerwieni, zieleni i niebieskiego. Im wyższa wartość kanału, tym więcej tego koloru w mieszaniu addytywnym. Np. rgb(255,255,0) daje żółty.
Dlaczego "purple" nie jest równe #ff00ff?
W nazwanych kolorach HTML/CSS purple oznacza odcień o wartości #800080, czyli nie jest to maksymalnie nasycony fiolet. Kod #ff00ff to intensywny magenta/fuchsia. W praktyce lepiej używać HEX, gdy potrzebujesz precyzyjnej barwy.
Jakie są różnice między lime a green w praktyce?
lime (#00ff00) jest bardzo jaskrawą zielenią, często używaną jako akcent/alert. green (#008000) jest ciemniejszy i spokojniejszy, lepszy do elementów tła lub stonowanych interfejsów. Dla spójności identyfikacji wizualnej warto znać oba.
Czy nazwane kolory zawsze wyglądają identycznie na każdym ekranie?
Wartości liczbowe są identyczne, ale wrażenie wizualne może się różnić przez kalibrację monitora, jasność, profil barwny i warunki oświetlenia. Dlatego przy publikacji zdjęć istotne jest zarządzanie kolorem, a w kodzie używanie precyzyjnych wartości barw.
Jak szybko sprawdzić, jaki kolor kryje się pod nazwą HTML/CSS?
Najprościej skorzystać z dokumentacji (np. tabeli color keywords) albo z narzędzi deweloperskich przeglądarki, które pokazują podgląd koloru i jego wartości. To pomaga uniknąć pomyłek typu "green" vs "lime" czy "purple" vs "magenta".
Jakie błędy najczęściej robi się w zadaniach o kolorach HTML?
Najczęstsze to: utożsamianie nazw z "maksymalnymi" wartościami RGB, mylenie podobnych nazw (green/lime, purple/magenta) oraz błędne czytanie zapisu HEX (np. nieświadomość, że FF=255). Pomaga ćwiczenie konwersji i praca na próbkach kolorów.
Jak przygotować się do pytań egzaminacyjnych o zapis kolorów?
Opanuj trzy formy zapisu: nazwę, #RRGGBB i rgb(). Zapamiętaj kilka mylących par (np. green vs lime, purple vs magenta) oraz przećwicz rozbijanie #RRGGBB na kanały. W praktyce twórz małe próbki w przeglądarce i porównuj wyniki.
info

Statystycznie 44% uczniów zna prawidłową odpowiedź. trudne

Eksperci podkreślają: "Poprawna jest para yellow; #ffff00, bo nazwa "yellow" w standardzie HTML/CSS ma dokładnie wartość #ffff00 (RGB 255,255,0)."

Źródła:

  • W3C, "CSS Color Module Level 4" (sekcja: Named Colors / color keywords), https://www.w3.org/TR/css-color-4/ (dostęp: 2026-02-27)
  • MDN Web Docs, "Color keywords" (tabela nazwanych kolorów i ich wartości), https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color_keywords (dostęp: 2026-02-27)
  • WHATWG, "HTML Living Standard" (odwołania do kolorów CSS w kontekście HTML; definicje poprzez CSS), https://html.spec.whatwg.org/ (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja W3C/WHATWG dotycząca nazwanych kolorów i notacji kolorów
  • Artykuły MDN o wartościach color keywords oraz rgb() i #RRGGBB
  • Ćwiczenia praktyczne: tworzenie próbek barw i porównywanie wartości w przeglądarce
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego