Sprawdzanie kontrastu WCAG
Sprawdź, czy kombinacja kolorów tekstu i tła spełnia poziomy dostępności AA i AAA.
Jak sprawdzić kontrast dwóch kolorów
Wybierz kolor tekstu i tła
Wpisz kody HEX lub użyj selektorów wizualnych dla obu kolorów.
Sprawdź wskaźnik kontrastu
Zobaczysz obliczony współczynnik kontrastu oraz podgląd tekstu na wybranym tle.
Sprawdź zgodność z WCAG AA lub AAA
Narzędzie wskazuje, czy kombinacja kolorów jest odpowiednia dla tekstu normalnego i dużego na każdym poziomie.
Najczęściej zadawane pytania o kontrast kolorów
Dobry kontrast między tekstem a tłem jest niezbędny, aby każda osoba mogła czytać Twoją zawartość, w tym osoby ze słabym wzrokiem. PDFDocks oblicza dokładny współczynnik zgodnie ze standardem WCAG.
Co oznaczają AA i AAA?
+
To dwa poziomy zgodności wytycznych dostępności WCAG: AA to poziom minimalnie zalecany, a AAA to poziom najwymagalniejszy.
Jaki kontrast muszę osiągnąć?
+
W przypadku zwykłego tekstu zaleca się minimum 4,5:1 (AA) lub 7:1 (AAA); dla dużego tekstu 3:1 (AA) lub 4,5:1 (AAA).
Dlaczego kontrast jest ważny?
+
Niewystarczający kontrast utrudnia czytanie, szczególnie dla osób ze słabszym wzrokiem lub na ekranach z wysokim natężeniem światła otoczenia.
Czy muszę zainstalować jakiś program?
+
Nie, nie trzeba nic instalować. Działa bezpośrednio w przeglądarce.
Czy to bezpłatne?
+
Tak, to narzędzie jest całkowicie bezpłatne.
Czy sprawdza design całej strony internetowej?
+
Narzędzie sprawdza konkretne kombinacje kolorów; aby przeprowadzić audyt całej witryny, musisz sprawdzić każdą kombinację tekstu i tła, którą używasz.
Kolory
Konwerter kolorów (HEX, RGB, HSL, CMYK)
Konwertuj dowolny kolor między HEX, RGB, HSL i CMYK natychmiast, z podglądem na żywo i najbliższą nazwą koloru.
Generator palet kolorów
Twórz harmonijna palety 5 kolorów (komplementarne, analogiczne, triadyczne lub monochromatyczne) na podstawie koloru podstawowego.
Generator gradientów CSS
Twórz gradienty liniowe lub radialne z maksymalnie 4 kolorami i kopiuj gotowy kod CSS.
Losowy kolor
Wygeneruj losowy kolor jednym kliknięciem i odkryj jego nazwę, kod HEX/RGB/HSL oraz podobne kolory.
Selektor koloru (pipeta)
Wybierz dowolny kolor z ekranu za pomocą narzędzia pipety przeglądarki lub użyj klasycznego selektora.
Symulator ślepoty barw
Prześlij obraz i sprawdź, jak widzieliby go ludzie z protanopią, deuteranopią lub tritanopią.
Generator Gradientów Mesh
Twórz tła z gradientami mesh (rozmyte plamki kolorów) i pobieraj je jako PNG lub kopiuj kod CSS.
Generator Odcieni i Cieni
Automatycznie generuj jaśniejsze odcienie i ciemniejsze cienie dowolnego koloru z jego kodem HEX.
Mikser Kolorów
Mieszaj dwa kolory i odkryj kolory pośrednie krok po kroku wraz z ich kodem HEX.
Koło Barw (Harmonie)
Wybierz kolor na kole i odkryj jego harmonijne kombinacje: kolory dopełniające, analogiczne, triadyczne i wiele więcej.
Ekstraktor Palety z Obrazu
Prześlij obraz i automatycznie ekstrahuj jego dominujące kolory w paletę z kodem HEX każdego z nich.
Średni Kolor Obrazu
Prześlij obraz i natychmiast oblicz jego średni kolor z kodem HEX, RGB i HSL.
Odkryj kolory według rodziny
Ponad 469 kolorów o nazwach z ich kodami HEX, RGB, HSL i CMYK, zorganizowanych w 12 rodzinach tonów.
