Narzędzia kolorów
Działa na Twoim urządzeniu. Nic nie jest wysyłane.Nic nigdy nie jest przesyłane - cała konwersja odbywa się na Twoim urządzeniu.
Sprawdzanie kontrastu
Na tle bieli
AA (zwykły tekst)
5.17:1ZaliczonoAA (duży tekst)
5.17:1ZaliczonoAAA (zwykły tekst)
5.17:1NiezaliczonoAAA (duży tekst)
5.17:1ZaliczonoNa tle czerni
AA (zwykły tekst)
4.06:1NiezaliczonoAA (duży tekst)
4.06:1ZaliczonoAAA (zwykły tekst)
4.06:1NiezaliczonoAAA (duży tekst)
4.06:1NiezaliczonoOdcienie
Konwertuj między HEX, RGB i HSL, sprawdzaj kontrast WCAG i generuj skalę odcieni - całkowicie w przeglądarce.
To narzędzie konwertuje kolor między notacjami HEX, RGB i HSL, sprawdza jego współczynnik kontrastu WCAG względem białego i czarnego tekstu oraz generuje skalę odcieni od ciemnego do jasnego - wszystko obliczane lokalnie w przeglądarce podczas pisania.
Najczęściej zadawane pytania
Co oznaczają poziomy WCAG AA i AAA?
To progi kontrastu dostępności z wytycznych Web Content Accessibility Guidelines: AA wymaga co najmniej kontrastu 4,5:1 dla zwykłego tekstu (3:1 dla dużego tekstu, 18pt+ lub pogrubionego 14pt+), a bardziej rygorystyczny AAA wymaga 7:1 dla zwykłego tekstu (4,5:1 dla dużego tekstu). Spełnienie AA to powszechny standard dostępnego tekstu.
Dlaczego konwersja HEX/RGB/HSL tam i z powrotem może dać nieco inną wartość?
HSL przechowuje odcień, nasycenie i jasność jako zaokrąglone liczby całkowite, więc konwersja RGB na HSL i z powrotem może przesunąć kanał o jeden lub dwa punkty z powodu zaokrąglenia - to normalne i zdarza się w każdym narzędziu kolorów obsługującym HSL.
Jak generowana jest skala odcieni?
Poprzez utrzymanie stałego odcienia i nasycenia koloru oraz zmienianie tylko jasności w przestrzeni HSL, od prawie czerni do prawie bieli. To prosta, przewidywalna skala, a nie percepcyjnie jednolita (co wymagałoby bardziej złożonej przestrzeni kolorów), tak jak oferuje większość codziennych narzędzi kolorów.