Sprawdź współczynniki kontrastu kolorów pod kątem zgodności z dostępnością cyfrową. Testuj kombinacje kolorów tekstu i tła zgodnie z wytycznymi WCAG, korzystając z podglądu w czasie rzeczywistym, ocen dostępności i sugestii ulepszeń.
Wybierz Kolor Tekstu
Kliknij pierwszy selektor kolorów, aby wybrać kolor tekstu, lub wprowadź kod szesnastkowy bezpośrednio.
Wybierz Kolor Tła
Użyj drugiego selektora kolorów, aby wybrać kolor tła do testu kontrastu.
Przejrzyj Wyniki Kontrastu
Sprawdź obliczony współczynnik kontrastu i zobacz oceny AA/AAA dla tekstu normalnego i dużego.
Podgląd Projektu
Wyświetl podgląd na żywo, aby zobaczyć, jak wygląda Twoja kombinacja kolorów z rzeczywistą treścią tekstową.
Testowanie Kontrastu w Czasie Rzeczywistym
Błyskawicznie obliczaj współczynniki kontrastu, wybierając różne kombinacje kolorów tekstu i tła.
Oceny Zgodności z WCAG
Uzyskaj oceny AA i AAA dla tekstu normalnego i dużego, zgodnie z Wytycznymi dla Dostępności Treści Internetowych.
Panel Podglądu na Żywo
Zobacz dokładnie, jak będą wyglądać Twoje kombinacje kolorów z przykładowym tekstem w rozmiarze normalnym i dużym.
Wizualny Wskaźnik Wyniku
Obserwuj wydajność kontrastu za pomocą intuicyjnego wykresu kołowego pokazującego wyniki od 0 do 100.
Interaktywne Selektory Kolorów
Łatwo wybieraj kolory za pomocą wbudowanych narzędzi do wyboru kolorów tekstu i tła.
Wskazówki Dotyczące Dostępności
Uzyskaj praktyczne sugestie dotyczące poprawy kontrastu i spełnienia standardów dostępności.
Narzędzie do sprawdzania kontrastu kolorów to narzędzie mierzące różnicę luminancji między kolorami tekstu i tła. Oblicza współczynniki kontrastu zgodnie ze standardami WCAG (Web Content Accessibility Guidelines), aby zapewnić czytelność treści dla użytkowników z wadami wzroku, w tym z daltonizmem i niską ostrością widzenia.
Zgodność z WCAG
Upewnij się, że Twoje projekty spełniają międzynarodowe standardy dostępności dzięki dokładnym ocenom AA i AAA.
Informacje Zwrotne w Czasie Rzeczywistym
Widzisz natychmiastowe wyniki, gdy dostosowujesz kolory, co ułatwia znalezienie zgodnych kombinacji.
Wizualny System Oceny
Zrozum wydajność kontrastu na pierwszy rzut oka dzięki naszemu intuicyjnemu systemowi punktacji 0-100.
Nie Wymaga Instalacji
Testuj kombinacje kolorów natychmiast w swojej przeglądarce, bez pobierania żadnego oprogramowania.
Dla tekstu normalnego dąż do co najmniej 4.5:1 dla zgodności AA lub 7:1 dla AAA. Duży tekst (18pt lub 14pt pogrubiony) wymaga 3:1 dla AA lub 4.5:1 dla zgodności AAA.
AA to standardowy poziom zgodności z dostępnością wymaganym przez większość przepisów. AAA to najwyższy poziom, zapewniający zwiększoną dostępność dla użytkowników z poważniejszymi wadami wzroku.
Współczynnik kontrastu oblicza się na podstawie względnej luminancji kolorów, zgodnie z wytycznymi WCAG. Zakres wynosi od 1:1 (brak kontrastu) do 21:1 (maksymalny kontrast).
Duży tekst definiuje się jako 18 punktów (24px) lub większy, albo 14 punktów (18.66px) lub większy, jeśli jest pogrubiony. Duży tekst ma łagodniejsze wymagania dotyczące kontrastu.
Dobry kontrast kolorów zapewnia czytelność treści dla wszystkich, w tym dla użytkowników z wadami wzroku, daltonizmem lub tych, którzy przeglądają treści w jasnym świetle słonecznym lub na słabych wyświetlaczach.
Narzędzie akceptuje szesnastkowe kody kolorów. Możesz konwertować z innych formatów (RGB, HSL itp.) na szesnastkowy za pomocą konwerterów online lub narzędzi do projektowania.