Wpisz kolor w dowolnym formacie albo użyj próbnika.
Kontrast tekstu (WCAG)
Jaśniejsze i ciemniejsze odcienie – kliknij, aby wybrać
Jak korzystać
Użyj próbnika albo wpisz wartość w dowolnym polu: #1f5fbf, #15f, rgb(31, 95, 191), 31 95 191 lub hsl(216, 72%, 44%). Pozostałe formaty zmieniają się od razu, a każdy ma przycisk kopiowania.
Pola kontrastu pokazują współczynnik kontrastu WCAG 2 dla tekstu w tym kolorze na białym i na czarnym tle. Zwykły tekst wymaga co najmniej 4,5:1 (poziom AA) i 7:1 (AAA); duży tekst (ok. 24 px lub 19 px pogrubiony) – 3:1. Paleta miesza kolor z bielą i czernią co 20% – to szybki sposób na kolory tła i stany najechania.
Najczęściej zadawane pytania
Czym różni się HEX od RGB?
Opisują ten sam kolor. HEX zapisuje wartości czerwieni, zieleni i niebieskiego (0–255) w systemie szesnastkowym, a RGB – dziesiętnym.
Co oznacza HSL?
Odcień (0–360° na kole barw), nasycenie i jasność (w %). Ułatwia tworzenie jaśniejszych i ciemniejszych wersji koloru.
Jaki kontrast jest wymagany dla dostępnego tekstu?
Poziom AA według WCAG to 4,5:1 dla zwykłego tekstu i 3:1 dla dużego.