KWALIFIKACJA PGF4 - TEST WIEDZY NR 2

PYTANIE NR 34.
Obiekt Kolor
Logo firmy Czerwony (#FF0000)
Tło Biały (#FFFFFF)
Tekst ?
Jakiego koloru powinien być tekst, aby był dobrze widoczny na tle i pasował do logo firmy?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Tekst na białym tle (#FFFFFF) powinien mieć bardzo wysoki kontrast jasności, aby był czytelny w różnych warunkach (monitor, druk, oświetlenie).
Czerń (#000000) zapewnia maksymalną czytelność i jest neutralna, więc nie "gryzie się" z czerwonym logo (#FF0000). Pozostałe opcje mają zbyt niski kontrast lub wprowadzają niepożądaną barwę.

Pełne wyjaśnienie:

W tym zadaniu kluczowe są dwa kryteria: czytelność na tle oraz spójność z kolorem logo. Ponieważ tło jest białe (#FFFFFF), najbardziej czytelny będzie tekst o bardzo dużej różnicy jasności względem tła. Czarny (#000000) daje najwyższy możliwy kontrast z bielą, dlatego zapewnia dobrą widoczność zarówno w małym stopniu pisma, jak i przy gorszej jakości ekranu lub wydruku.

Drugi element to "pasowanie do logo" w kolorze czerwonym (#FF0000). W praktyce projektowej neutralny kolor tekstu (czerń) najczęściej jest bezpiecznym wyborem: nie konkuruje z akcentem brandowym (czerwienią), nie zmienia hierarchii informacji i jest standardem w większości identyfikacji wizualnych.

  • "Czerwony (#FF0000)" na białym tle może być czytelny w dużych nagłówkach, ale dla dłuższych treści bywa męczący i zwykle jest przeznaczony na akcenty (np. wyróżnienia), a nie tekst ciągły. Dodatkowo "zlewa" rolę logo i treści, osłabiając hierarchię.
  • "Biały (#FFFFFF)" na białym tle jest praktycznie niewidoczny, więc nie spełnia podstawowego warunku widoczności.
  • "Zielony (#00FF00)" daje wprawdzie kolor odmienny od czerwieni, ale jest bardzo jaskrawy i może obniżać profesjonalny odbiór oraz wprowadzać niezamierzony sygnał (np. "ok", "status"), a ponadto nie wynika z podanej kolorystyki marki.

W przygotowaniu do egzaminu warto pamiętać: przy jasnym tle najczęściej wybiera się ciemny, neutralny kolor tekstu (zwykle czerń lub bardzo ciemną szarość), a kolor logo stosuje się jako akcent. Jeśli projekt dotyczy publikacji cyfrowych, dobrą praktyką jest także sprawdzanie kontrastu w narzędziach do oceny czytelności.

Dodatkowe pytania

Dodatkowe pytania (FAQ):

Czerń (#000000) ma największą różnicę jasności względem bieli (#FFFFFF), więc litery są wyraźnie odcięte od tła.

To ogranicza ryzyko "zlewania się" znaków przy małym stopniu pisma, słabszym ekranie lub gorszym wydruku.

Nie zawsze, ale zwykle nie jest najlepszy dla tekstu ciągłego. Czerwień często służy jako akcent (nagłówek, podkreślenie, CTA), a nie do długich akapitów.

Może też zaburzać hierarchię, bo zaczyna konkurować z czerwonym logo.

To zapis heksadecymalny RGB: dwie cyfry dla czerwieni, zieleni i niebieskiego.

#FF0000 oznacza maksymalną składową czerwieni i brak zieleni oraz niebieskiego, czyli czystą czerwień. Taki zapis jest powszechny w projektach cyfrowych.

Najczęściej stosuje się neutralny kolor tekstu (czerń/ciemna szarość), a kolor logo zostawia na akcenty.

Spójność osiąga się przez konsekwentne użycie palety barw: logo jako element wyróżniający, a tekst jako warstwa informacyjna o najwyższej czytelności.

Bo nie ma praktycznie żadnego kontrastu – znaki znikają na tle.

To błąd funkcjonalny: użytkownik nie jest w stanie odczytać treści, niezależnie od estetyki. W praktyce taki wybór uniemożliwia poprawną komunikację w projekcie.

Można użyć kalkulatorów kontrastu (np. WebAIM Contrast Checker), gdzie wpisuje się kolory tła i tekstu w formacie hex.

Narzędzie wylicza kontrast i podpowiada, czy zestaw jest wystarczająco czytelny dla typowych zastosowań tekstu.

Teoretycznie można łączyć kolory kontrastowe, ale wymaga to świadomej palety marki i kontroli nasycenia.

Jaskrawa zieleń (#00FF00) często wygląda "alarmowo" lub nieprofesjonalnie i może wprowadzać niezamierzone znaczenia, więc rzadko jest dobrym kolorem tekstu.

Najczęściej: wybór koloru "ładnego" zamiast czytelnego, użycie koloru firmowego do całych akapitów oraz pomijanie wpływu rozmiaru fontu.

Częsty jest też brak testu na różnych ekranach, przez co tekst wygląda dobrze tylko na jednym urządzeniu.

Ciemna szarość bywa stosowana w interfejsach i publikacjach, gdy chce się zmniejszyć "ostrość" kontrastu i poprawić komfort czytania.

Trzeba jednak pilnować, by szarość była wystarczająco ciemna na białym tle i nie pogarszała czytelności drobnego tekstu.

Najprościej porównać jasność: jasne tło wymaga ciemnego tekstu, a ciemne tło – jasnego.

Jeśli jedna z opcji jest "skrajnie" ciemna (np. czerń) i tło jest białe, to zwykle będzie najbezpieczniejszym wyborem dla czytelności i poprawności projektu.

info

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

W praktyce zawodowej kluczowe jest to, że pozostałe opcje mają zbyt niski kontrast lub wprowadzają niepożądaną barwę.

Źródła:

  • W3C, Web Content Accessibility Guidelines (WCAG) 2.2 – Success Criterion 1.4.3 Contrast (Minimum) oraz "Understanding SC 1.4.3", https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html (dostęp: 2026-03-01)
  • WebAIM, Contrast Checker (narzędzie i opis oceny kontrastu tekstu), https://webaim.org/resources/contrastchecker/ (dostęp: 2026-03-01)
  • MDN Web Docs, Color and contrast accessibility (omówienie kontrastu i czytelności), https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast (dostęp: 2026-03-01)

Materiały:

  • Materiały W3C dot. kryteriów kontrastu w WCAG (sekcja o kontraście tekstu)
  • Narzędzia do sprawdzania kontrastu (kalkulatory kontrastu online)
  • Podstawowe podręczniki/notesy do typografii i projektowania informacji (zasady czytelności)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego