KWALIFIKACJA INF3 - STYCZEŃ 2024 (test 2)

PYTANIE NR 31.
Zapisując kolor w notacji RGBA, np. rgba(100, 40, 50, 0.2), ostatnia wartość dotyczy
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W zapisie rgba(R, G, B, A) trzy pierwsze wartości opisują składowe czerwieni, zieleni i niebieskiego, a ostatnia wartość A to kanał alfa, czyli stopień przezroczystości.
W CSS 0 oznacza pełną przezroczystość, a 1 pełną nieprzezroczystość (brak przezroczystości).

Pełne wyjaśnienie:

Notacja rgba(R, G, B, A) w CSS opisuje kolor za pomocą czterech składowych. Trzy pierwsze liczby to kanały R, G i B (czerwień, zieleń, niebieski), zwykle podawane w zakresie 0–255. Czwarta wartość, oznaczana jako A (alpha), określa przezroczystość koloru.

Odpowiedź "przezroczystości, gdzie 0 oznacza całkowitą przezroczystość, a 1 jej brak." jest poprawna, bo w CSS kanał alfa działa właśnie tak:

  • A = 0 → kolor jest całkowicie przezroczysty (niewidoczny),
  • A = 1 → kolor jest całkowicie nieprzezroczysty (w pełni kryjący).

Pozostałe odpowiedzi są błędne z typowych powodów:

  • "nasycenia koloru czarnego" nie dotyczy RGBA. Nasycenie jest pojęciem charakterystycznym dla modeli typu HSL/HSV, a nie dla zapisu RGBA.
  • "saturacji barw RGB" również miesza pojęcia. W RGBA nie ma oddzielnego parametru "saturacji" – kanały RGB opisują intensywność składowych, a nie nasycenie w sensie HSL.
  • "przezroczystości, gdzie 1 oznacza całkowitą przezroczystość, a 0 jej brak" odwraca skalę alfa. To częsta pułapka, bo intuicja "1 = maksimum" może sugerować "maksymalną przezroczystość", ale w CSS 1 oznacza maksymalną nieprzezroczystość.

W praktyce kanał alfa wykorzystuje się np. do półprzezroczystych teł, nakładek modalnych, cieni oraz delikatnych efektów w UI. Warto zapamiętać prostą regułę: im większe A, tym bardziej kryje.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Ostatnia wartość to kanał alfa, czyli przezroczystość (krycie) koloru. W CSS 0 oznacza pełną przezroczystość, a 1 pełną nieprzezroczystość. Wartości pośrednie (np. 0.2) dają efekt półprzezroczysty.
Kanał alfa określa, jak mocno kolor "nakłada się" na tło. Im wyższa alfa, tym mniej widać tło pod spodem. Przykładowo alfa 0.5 oznacza, że kolor jest w połowie kryjący, a w połowie przepuszcza kolor tła.
W CSS przyjęto, że przezroczystość jest wartością znormalizowaną w zakresie 0–1, co ułatwia interpretację procentową (0%–100% krycia). Kanały RGB tradycyjnie zapisuje się w skali 0–255, ale alfa jest traktowana jako współczynnik.
Nie. Wartość alfa równa 0 oznacza pełną przezroczystość, więc kolor nie będzie widoczny – zobaczysz wyłącznie tło elementu lub tło strony. To częsty test na zrozumienie znaczenia kanału alfa.
rgb() opisuje kolor trzema kanałami (czerwony, zielony, niebieski) bez przezroczystości. rgba() dodaje czwarty parametr alfa, który pozwala ustawić przezroczystość. Dzięki temu można tworzyć półprzezroczyste tła i nakładki.
Najczęściej stosuje się rgba() w background-color, np. background-color: rgba(0, 0, 0, 0.5);. To daje półprzezroczyste tło, ale nie wpływa na przezroczystość tekstu wewnątrz, w przeciwieństwie do właściwości opacity.
Nie do końca. opacity zmienia przezroczystość całego elementu wraz z jego zawartością (tekstem, ikonami, dziećmi). Alfa w rgba() dotyczy tylko danego koloru (np. tła), więc treść może pozostać w pełni nieprzezroczysta.
Najczęstsze pomyłki to: odwrócenie skali (myślenie, że 1 = pełna przezroczystość), mylenie "alfa" z nasyceniem (HSL/HSV), oraz wpisywanie wartości alfa w skali 0–255. Na egzaminie warto pamiętać: 0 przezroczyste, 1 kryjące.
Warto używać rgba(), gdy potrzebujesz kontrolować przezroczystość (np. overlay, cienie, delikatne podświetlenia). Kolor heksadecymalny bez dodatkowej składni nie daje tak czytelnej kontroli alfa, dlatego w UI często wygrywa zapis RGBA.
Opanuj podstawowe notacje kolorów w CSS: hex, rgb(), rgba(), oraz pojęcie kanału alfa. Poćwicz w DevTools zmianę wartości A (0, 0.25, 0.5, 1) i obserwuj efekt na tle o innym kolorze.
info

Około 71% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Według specjalistów z branży: "W zapisie rgba(R, G, B, A) trzy pierwsze wartości opisują składowe czerwieni, zieleni i niebieskiego, a ostatnia wartość A to kanał alfa, czyli stopień przezroczystości."

Źródła:

  • MDN Web Docs: "rgba()" (CSS color function) – https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgba (dostęp: 2026-03-02)
  • MDN Web Docs: "alpha" w kontekście CSS Color – https://developer.mozilla.org/en-US/docs/Web/CSS/alpha-value (dostęp: 2026-03-02)
  • W3C Editor’s Draft / CSS Color Module Level 4: rozdziały dot. funkcji kolorów i kanału alfa – https://drafts.csswg.org/css-color-4/ (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja MDN: funkcje kolorów CSS (rgb(), rgba())
  • Specyfikacja W3C/WHATWG dotycząca kolorów w CSS (CSS Color Module)
  • Ćwiczenia praktyczne: modyfikowanie alpha w narzędziach deweloperskich przeglądarki

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego