Slop Colors · za darmo, w przeglądarce
Sprawdź kontrast kolorów według WCAG
Szary tekst na białym tle wygląda elegancko, dopóki nikt go nie przeczyta. Wpisz oba kolory, a Slop Colors poda współczynnik WCAG, spełnione poziomy i najbliższy kolor tekstu, który je spełni.
Jak to zrobić
- Przewiń do sekcji Sprawdzenie kontrastu (WCAG 2) i wpisz kolor tekstu oraz kolor tła w formacie HEX, RGB, HSL lub OKLCH.
- Odczytaj współczynnik i pięć wyników: AA i AAA dla zwykłego tekstu, AA i AAA dla dużego tekstu oraz elementów interfejsu i grafiki.
- Obejrzyj przykład: duży tekst i akapit w dwóch wybranych kolorach.
- Jeśli AA dla zwykłego tekstu nie przechodzi, kliknij Popraw kolor tekstu: kolor zachowa swój odcień i zyska tylko tyle jasności lub ciemności, ile potrzeba, by przejść test.
- Kliknij Zamień, aby sprawdzić kolory w odwrotnej kolejności.
Twoje pliki zostają na tym urządzeniu: Slop Colors działa w przeglądarce, bez przesyłania, bez konta i bez znaku wodnego.
Pytania
Jakich współczynników wymaga WCAG?
Poziom AA wymaga 4.5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu (24 px lub 18.66 px pogrubionego) oraz dla elementów interfejsu i grafiki. Poziom AAA wymaga 7:1 i 4.5:1.
Dlaczego pokazuje 4.47, a nie 4.48?
Współczynnik jest zaokrąglany w dół, tak jak pokazuje go sprawdzarka WebAIM, więc para o wartości 4.499 nigdy nie jest pokazywana jako spełniająca 4.5.
Czy może sprawdzić kolor z mojego ekranu?
W Chrome i Edge przycisk Pobierz z ekranu wybiera dowolny piksel na ekranie. Potem użyj go jako koloru tekstu lub tła z panelu.
Czy cokolwiek jest przesyłane?
Nie. Kolory sprawdza strona w Twojej przeglądarce; nic nigdzie nie jest wysyłane.
Więcej z Slop Colors
- Pobierz kolory z obrazu
- Wygeneruj paletę kolorów z jednego koloru
- Zamień HEX na RGB, HSL, OKLCH lub CMYK
Powiązane aplikacje
PhotoSlop
Dostępna
Photoshop przebudowany dla przeglądarki.
SlopVector
Dostępna
Illustrator przebudowany dla przeglądarki.
SlopIsolate
Beta
Usuwaj tła dzięki AI działającemu na Twoim urządzeniu.