Kontroler kontrastu kolorów

Wszystkie narzędzia
Kontroler kontrastu kolorów
Sprawdź współczynnik kontrastu WCAG między kolorem tekstu a tłem — zobacz oceny pass/fail AA/AAA dla tekstu normalnego, dużego i elementów UI, z podglądem na żywo i sugestiami dostępnych kolorów.
Kolor tekstu
Tint
Kolor tła
Tint
Współczynnik kontrastu
--:1
Tekst normalny
Tekst akapitu poniżej 18px (lub poniżej 14px pogrubiony)
AA AAA
Tekst duży
18px+ zwykły lub 14px+ pogrubiony
AA AAA
Elementy UI
Ikony, ramki, kontrolki formularzy i grafika
AA AAA
Podgląd na żywo

Zwinny brązowy lis

Duży tekst czyta się wygodnie, gdy kontrast jest wystarczający.

To jest przykładowy akapit normalnego tekstu. Dobry kontrast kolorów sprawia, że treść jest czytelna dla wszystkich, w tym osób z słabym wzrokiem lub daltonizmem. przykładowy link.

Drobny druk i podpisy są najtrudniejsze do czytania — wymagają największego kontrastu.
Przykładowy przycisk Przykładowy przycisk
Sugestia

Wszystko jest obliczane na żywo w Twojej przeglądarce przy użyciu formuły względnej luminancji WCAG 2.x — bez przesyłania, bez rejestracji, całkowicie bezpłatnie.

Udostępnij
Powiązane narzędzia
Symulator daltonizmu

Zobacz swój obraz lub paletę tak, jak widzą je osoby z protanopią, deuteranopią, tritanopią lub achromatopsją — działa całkowicie w Twojej przeglądarce, nic nie jest przesyłane.
Konwerter kodów kolorów

Konwertuj kolory między HEX, RGB, RGBA, HSL, HSLA i HSV — wybierz kolor, dostosuj przezroczystość i kopiuj dowolny format natychmiast.
Eksporter palet

Wklej lub zaimportuj zestaw kolorów i eksportuj je natychmiast do zmiennych CSS, SCSS, konfiguracji Tailwind, JSON lub próbek SVG — ostatni krok dla każdej palety.
Popularne wyszukiwania
sprawdzanie kontrastu kolorów współczynnik kontrastu wcag kontrola dostępności kontrastu sprawdzanie kontrastu tekstu test kontrastu aa aaa sprawdź kontrast kolorów online

Dodaj to darmowe narzędzie do swojej witryny — skopiuj i wklej poniższy kod.