Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2021 (test 2)



PYTANIE NR 14.
Kolor zielony, w notacji szesnastkowej skróconej, można zapisać w CSS sekwencją
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W CSS skrót #RGB oznacza zapis, w którym każda cyfra jest powielana do postaci #RRGGBB.
"#0F0" rozwija się do "#00FF00", czyli zero czerwieni i niebieskiego oraz maksymalna wartość zieleni. Pozostałe kody odpowiadają kolejno czerwieni, niebieskiemu i bieli.

Pełne wyjaśnienie:

W CSS kolor w zapisie szesnastkowym standardowo występuje jako #RRGGBB, gdzie pary znaków opisują intensywność kanałów R (red), G (green) i B (blue) w modelu RGB. Istnieje też wersja skrócona #RGB, używana wtedy, gdy każda para ma identyczne znaki (np. 00, FF, AA). W skrócie pojedyncza cyfra jest po prostu powielana.

Dlatego zapis #0F0 należy czytać jako:

  • R = 0 → RR = 00
  • G = F → GG = FF (najwyższa intensywność)
  • B = 0 → BB = 00

Po rozwinięciu otrzymujemy #00FF00, czyli czystą zieleń (maksymalny kanał G przy wyzerowanych R i B). To dokładnie odpowiada temu, o co pyta zadanie.

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

  • #F00 rozwija się do #FF0000, czyli maksymalna czerwień, bez zieleni i niebieskiego.
  • #00F rozwija się do #0000FF, czyli maksymalny niebieski, bez czerwieni i zieleni.
  • #FFF rozwija się do #FFFFFF, czyli biały (maksymalne wartości wszystkich trzech kanałów).

Wskazówka egzaminacyjna: gdy widzisz skrót #RGB, zapamiętaj prostą regułę: środkowa cyfra to zawsze zielony kanał. Jeśli ma "F", a pozostałe są "0", to jest to "zielony na maksa".

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co oznacza skrócony zapis koloru #RGB w CSS?
Zapis #RGB to skrót formy #RRGGBB. Każda pojedyncza cyfra jest powielana: #RGB → #RRGGBB. Przykład: #0F0 → #00FF00. Skrót działa tylko wtedy, gdy w pełnym zapisie każda para miałaby dwa takie same znaki.
Jak rozpoznać, który kanał odpowiada za zieleń w #RRGGBB?
W zapisie #RRGGBB kanały są zawsze w kolejności: czerwony (RR), zielony (GG), niebieski (BB). Czyli zieleń to zawsze środkowa para. W skrócie #RGB zieleń to też środkowa cyfra.
Dlaczego #0F0 to zielony, a nie #00F?
Bo w RGB zieleń jest w drugiej pozycji. #0F0 oznacza R=0, G=F, B=0 (po rozwinięciu #00FF00), czyli maksymalna zieleń. Natomiast #00F to R=0, G=0, B=F (po rozwinięciu #0000FF), czyli niebieski.
Czy #FFF w CSS oznacza zielony kolor?
Nie. #FFF rozwija się do #FFFFFF, czyli wszystkie kanały R, G i B mają maksymalną wartość. Taki kolor jest białym. Zielony wymaga maksymalnego kanału G i niskich (np. 0) kanałów R oraz B.
Jak zamienić #0F0 na pełny zapis sześciocyfrowy?
Stosujesz regułę powielenia znaków: #RGB → #RRGGBB. Dla #0F0 otrzymujesz: R=0 → 00, G=F → FF, B=0 → 00, czyli #00FF00. To najczęstsza operacja przy analizie skróconych kolorów w kodzie.
Jakie wartości przyjmuje zapis szesnastkowy w CSS?
W notacji szesnastkowej używa się cyfr 0–9 oraz liter A–F, gdzie F oznacza najwyższą wartość w danym kanale. W CSS spotkasz zwykle #RRGGBB lub skrót #RGB. Ta notacja jest wygodna przy stylowaniu elementów interfejsu.
Czy skrót #RGB działa w każdym przypadku zapisu koloru?
Nie zawsze. Skrót #RGB jest równoważny #RRGGBB tylko wtedy, gdy każda para miałaby identyczne znaki (np. 00, FF, AA). Przykładowo #12AB34 nie da się skrócić do #RGB, bo pary nie są postaci XX.
Jakie są najczęstsze błędy na egzaminie z kolorów CSS?
Najczęściej myli się kolejność kanałów RGB (np. wskazanie niebieskiego zamiast zielonego) oraz traktuje literę F jako "zielony", zamiast jako "maksymalna wartość kanału". Warto ćwiczyć: który kanał jest na której pozycji i jak rozwija się skrót #RGB.
Kiedy w praktyce używa się skróconych kodów kolorów w CSS?
Skróty typu #0F0 stosuje się głównie dla czytelności i zwięzłości w prostych prototypach, przykładach i szybkich poprawkach stylów. W większych projektach częściej spotyka się pełny zapis #RRGGBB lub zmienne CSS, ale skróty nadal mogą się pojawiać w starszym kodzie.
Jak sprawdzić w przeglądarce, jaki kolor ma element z #0F0?
Otwórz narzędzia deweloperskie (Inspector/Elements), zaznacz element i odszukaj właściwość CSS z kolorem. Przeglądarka pokaże próbkę barwy i często pozwoli przełączyć format (hex/rgb). Dzięki temu łatwo potwierdzisz, że #0F0 odpowiada #00FF00.
info

To pytanie poprawnie rozwiązuje 72% zdających egzamin. średnio łatwe

W praktyce zawodowej kluczowe jest to, że w CSS skrót #RGB oznacza zapis, w którym każda cyfra jest powielana do postaci #RRGGBB."#0F0" rozwija się do "#00FF00", czyli zero czerwieni i niebieskiego oraz maksymalna wartość zieleni.

Źródła:

  • MDN Web Docs: "hex color" / "Hexadecimal colors" (opis #RGB i #RRGGBB) – https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color (dostęp: 2026-02-27)
  • W3C: CSS Color Module Level 3 (definicje wartości kolorów, w tym notacja szesnastkowa) – https://www.w3.org/TR/css-color-3/ (dostęp: 2026-02-27)
  • W3C: CSS Color Module Level 4 (opis notacji kolorów i skrótów) – https://www.w3.org/TR/css-color-4/ (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja CSS dotycząca wartości kolorów i notacji szesnastkowej
  • MDN Web Docs: omówienie kolorów w CSS oraz skrótu #RGB
  • Ćwiczenia praktyczne: konwersja #RGB ↔ #RRGGBB oraz identyfikacja kanałów RGB
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego