Sprawdzanie kontrastu kolorów

Wybierz kolor tekstu i kolor tła, aby zobaczyć dokładny współczynnik kontrastu oraz sprawdzić, czy spełnia progi WCAG AA i AAA dla tekstu zwykłego i dużego — niezbędne narzędzie, aby mieć pewność, że projekt jest czytelny i dostępny dla wszystkich użytkowników.

Narzędzia projektowe i CSS Działa całkowicie w Twojej przeglądarce

Wszystkie obliczenia odbywają się na Twoim urządzeniu — kolory nigdy nie są wysyłane na żaden serwer.

Kolor tekstu

Kolor tła

Zwykły tekst 16px Aa 123

Współczynnik kontrastu: 18.88:1

AA (tekst zwykły): Zaliczone ✓

AA (tekst duży): Zaliczone ✓

AAA (tekst zwykły): Zaliczone ✓

AAA (tekst duży): Zaliczone ✓

Kontynuuj z

W pełni lokalnie

Konwerter kolorów

Przekonwertuj kolor między formatami HEX, RGB i HSL błyskawicznie.

Narzędzia dla programistówOtwórz narzędzie

W pełni lokalnie

Generator gradientu CSS

Zbuduj liniowy lub radialny gradient CSS w sposób wizualny i skopiuj gotowy kod.

Narzędzia projektowe i CSSOtwórz narzędzie

W pełni lokalnie

Sprawdzanie dostępności HTML (accessibility)

Przeskanuj kod HTML pod kątem typowych problemów z dostępnością — brakujący alt, nieoznaczone pola, zła kolejność nagłówków i więcej.

Narzędzia dla programistówOtwórz narzędzie

Powiązane narzędzia

W pełni lokalnie

Generator gradientu CSS

Zbuduj liniowy lub radialny gradient CSS w sposób wizualny i skopiuj gotowy kod.

Narzędzia projektowe i CSSOtwórz narzędzie

W pełni lokalnie

Generator cienia box-shadow CSS

Zaprojektuj cień box-shadow CSS wizualnie za pomocą suwaków i skopiuj gotowy kod.

Narzędzia projektowe i CSSOtwórz narzędzie

W pełni lokalnie

Generator zaokrąglenia rogów CSS

Zaprojektuj zaokrąglone rogi — także asymetryczne kształty — i skopiuj gotowy kod CSS.

Narzędzia projektowe i CSSOtwórz narzędzie

W pełni lokalnie

Konwerter px na rem

Przelicz między pikselami a jednostkami rem na podstawie własnego rozmiaru czcionki bazowej.

Narzędzia projektowe i CSSOtwórz narzędzie

W pełni lokalnie

Ekstraktor palety kolorów

Wyodrębnij najbardziej dominujące kolory z dowolnego obrazu wraz z kodami HEX, RGB i CSS.

Narzędzia projektowe i CSSOtwórz narzędzie

Chcesz wypróbować Uddatak?

Przeglądaj pełną bibliotekę narzędzi i od razu zacznij korzystać z tego, czego potrzebujesz — za darmo, bez rejestracji.

Zobacz wszystkie narzędzia