Kalkulatory
Jednostki danych
Przelicz bity i bajty między jednostkami dziesiętnymi (kB, MB, GB, TB) i binarnymi (KiB, MiB, GiB, TiB), także dla przepustowości łącza.
Kalkulatory
Kontrast kolorów WCAG: sprawdzanie AA i AAA oraz konwerter HEX, RGB, HSL
Sprawdź, czy kolor tekstu i tła ma wystarczający kontrast według WCAG 2.2 (poziomy AA i AAA), i przelicz kolory między zapisem HEX, RGB i HSL.
Obliczenia wykonuje Twoja przeglądarka. Wpisane dane nie są wysyłane na serwer.
Jak WCAG liczy kontrast
WCAG 2.2 definiuje współczynnik kontrastu jako (L1 + 0,05) / (L2 + 0,05), gdzie L1 to względna luminancja jaśniejszego koloru, a L2 ciemniejszego. Względną luminancję koloru w przestrzeni sRGB oblicza się jako 0,2126·R + 0,7152·G + 0,0722·B. Składowe R, G i B przed zważeniem są linearyzowane: wartość z zakresu 0–1 nie większa niż 0,04045 jest dzielona przez 12,92, a większa przeliczana wzorem ((v + 0,055) / 1,055)2,4. Współczynnik przyjmuje wartości od 1:1 (te same kolory) do 21:1 (czerń na bieli).
Progi AA i AAA
| Kryterium | Poziom | Zwykły tekst | Duży tekst |
|---|---|---|---|
| 1.4.3 Contrast (Minimum) | AA | 4,5:1 | 3:1 |
| 1.4.6 Contrast (Enhanced) | AAA | 7:1 | 4,5:1 |
| 1.4.11 Non-text Contrast | AA | 3:1 dla elementów interfejsu i grafiki | |
Duży tekst to według WCAG tekst o wielkości co najmniej 18 punktów albo 14 punktów pogrubiony. Kalkulator obcina wynik do dwóch miejsc po przecinku, zamiast go zaokrąglać, i porównuje z progiem dokładną wartość, więc np. 4,499:1 nie zostanie pokazane jako spełniające próg 4,5:1.
Przykłady
| Tekst | Tło | Kontrast | AA, zwykły tekst |
|---|---|---|---|
#000000 | #ffffff | 21,00:1 | spełnia |
#767676 | #ffffff | 4,54:1 | spełnia |
#777777 | #ffffff | 4,47:1 | nie spełnia |
#ffffff | #1f55e0 | 6,11:1 | spełnia |
#ffff00 | #ffffff | 1,07:1 | nie spełnia |
Zapis kolorów
Kalkulator przyjmuje kolory w zapisie szesnastkowym (#1f55e0 albo skróconym#abc), jako rgb(31, 85, 224) oraz hsl(224, 76%, 50%) i przelicza je między tymi formatami. Kolory z przezroczystością odrzuca, bo ich kontrast zależy od tego, co znajduje się pod spodem.
Najczęstsze pytania
Jaki kontrast jest wymagany przez WCAG?
Kryterium 1.4.3 (poziom AA) wymaga kontrastu co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego. Kryterium 1.4.6 (AAA) podnosi te progi do 7:1 i 4,5:1. Elementy interfejsu i grafika potrzebna do zrozumienia treści wymagają 3:1 (kryterium 1.4.11).
Co WCAG uznaje za duży tekst?
Tekst o wielkości co najmniej 18 punktów albo 14 punktów pogrubiony, lub równoważny rozmiar w przypadku czcionek chińskich, japońskich i koreańskich.
Czy szary #777777 na białym tle spełnia WCAG AA?
Nie dla zwykłego tekstu: kontrast wynosi około 4,478:1, a próg to 4,5:1. Odrobinę ciemniejszy #767676 daje około 4,542:1 i próg spełnia.
Źródła
- Web Content Accessibility Guidelines (WCAG) 2.2, W3C (2024)
Inne narzędzia
Wszystkie narzędzia →
Kalkulatory
Podsieci IPv4
Wpisz adres IP z maską lub prefiksem CIDR, a kalkulator poda adres sieci, broadcast, zakres hostów, maskę odwrotną i podzieli sieć na mniejsze podsieci.
Kalkulatory
Uprawnienia chmod
Zaznacz uprawnienia albo wpisz je jako liczbę (np. 755) lub w zapisie rwx, a kalkulator przeliczy je na pozostałe formy i poda gotowe polecenie chmod.
Kalkulatory
IPv6
Wpisz adres IPv6 z prefiksem, a kalkulator pokaże zapis skrócony i pełny, adres sieci, zakres i liczbę adresów, typ adresu i nazwę do odwrotnego DNS.
