Sprawdź współczynniki kontrastu kolorów pod kątem zgodności z dostępnością cyfrową. Testuj kombinacje kolorów tekstu i tła zgodnie z wytycznymi WCAG, korzystając z podglądu w czasie rzeczywistym, ocen dostępności i sugestii ulepszeń.
Kliknij pierwszy selektor kolorów, aby wybrać kolor tekstu, lub wprowadź kod szesnastkowy bezpośrednio.
Użyj drugiego selektora kolorów, aby wybrać kolor tła do testu kontrastu.
Sprawdź obliczony współczynnik kontrastu i zobacz oceny AA/AAA dla tekstu normalnego i dużego.
Wyświetl podgląd na żywo, aby zobaczyć, jak wygląda Twoja kombinacja kolorów z rzeczywistą treścią tekstową.
Błyskawicznie obliczaj współczynniki kontrastu, wybierając różne kombinacje kolorów tekstu i tła.
Uzyskaj oceny AA i AAA dla tekstu normalnego i dużego, zgodnie z Wytycznymi dla Dostępności Treści Internetowych.
Zobacz dokładnie, jak będą wyglądać Twoje kombinacje kolorów z przykładowym tekstem w rozmiarze normalnym i dużym.
Obserwuj wydajność kontrastu za pomocą intuicyjnego wykresu kołowego pokazującego wyniki od 0 do 100.
Łatwo wybieraj kolory za pomocą wbudowanych narzędzi do wyboru kolorów tekstu i tła.
Uzyskaj praktyczne sugestie dotyczące poprawy kontrastu i spełnienia standardów dostępności.
Narzędzie do sprawdzania kontrastu kolorów to narzędzie mierzące różnicę luminancji między kolorami tekstu i tła. Oblicza współczynniki kontrastu zgodnie ze standardami WCAG (Web Content Accessibility Guidelines), aby zapewnić czytelność treści dla użytkowników z wadami wzroku, w tym z daltonizmem i niską ostrością widzenia.
Upewnij się, że Twoje projekty spełniają międzynarodowe standardy dostępności dzięki dokładnym ocenom AA i AAA.
Widzisz natychmiastowe wyniki, gdy dostosowujesz kolory, co ułatwia znalezienie zgodnych kombinacji.
Zrozum wydajność kontrastu na pierwszy rzut oka dzięki naszemu intuicyjnemu systemowi punktacji 0-100.
Testuj kombinacje kolorów natychmiast w swojej przeglądarce, bez pobierania żadnego oprogramowania.
Dla tekstu normalnego dąż do co najmniej 4.5:1 dla zgodności AA lub 7:1 dla AAA. Duży tekst (18pt lub 14pt pogrubiony) wymaga 3:1 dla AA lub 4.5:1 dla zgodności AAA.
AA to standardowy poziom zgodności z dostępnością wymaganym przez większość przepisów. AAA to najwyższy poziom, zapewniający zwiększoną dostępność dla użytkowników z poważniejszymi wadami wzroku.
Współczynnik kontrastu oblicza się na podstawie względnej luminancji kolorów, zgodnie z wytycznymi WCAG. Zakres wynosi od 1:1 (brak kontrastu) do 21:1 (maksymalny kontrast).
Duży tekst definiuje się jako 18 punktów (24px) lub większy, albo 14 punktów (18.66px) lub większy, jeśli jest pogrubiony. Duży tekst ma łagodniejsze wymagania dotyczące kontrastu.
Dobry kontrast kolorów zapewnia czytelność treści dla wszystkich, w tym dla użytkowników z wadami wzroku, daltonizmem lub tych, którzy przeglądają treści w jasnym świetle słonecznym lub na słabych wyświetlaczach.
Narzędzie akceptuje szesnastkowe kody kolorów. Możesz konwertować z innych formatów (RGB, HSL itp.) na szesnastkowy za pomocą konwerterów online lub narzędzi do projektowania.
Odkryj naszą wyselekcjonowaną kolekcję ponad 100 zachwycających gradientów kolorów. Kliknij próbki gradientów, aby wyświetlić poszczególne kolory, natychmiast skopiuj kod CSS i znajdź idealne kombinacje gradientowe do swoich projektów.
Przeglądaj ponad 200 profesjonalnie dobranych palet kolorów, pogrupowanych według kategorii. Błyskawicznie kopiuj kolory, dodawaj palety do ulubionych, eksportuj jako CSS, JSON, PNG lub PDF. Idealne dla projektantów i programistów.
Twórz zachwycające gradienty liniowe i promieniste CSS za pomocą naszego łatwego w użyciu kreatora gradientów. Wybierz kolory, kierunki i natychmiast skopiuj kod CSS do swoich projektów internetowych.
Twórz zachwycające gradienty kolorów i generuj niestandardowe palety kolorów online za darmo. Wybierz kolory początkowy i końcowy, dostosuj rozmiar palety i skopiuj kod CSS lub pojedyncze kolory hex. Idealne do projektowania stron internetowych, grafiki i kreatywnych projektów.
Generuj olśniewające palety kolorów online za pomocą naszego darmowego generatora palet kolorów. Twórz harmonijne schematy kolorystyczne, bazując na zasadach teorii kolorów lub ekstrahuj kolory z obrazów. Eksportuj do formatów CSS, SCSS, Tailwind, JSON, PDF i PNG.
Konwertuj kolory CMYK na ich najbliższe odpowiedniki Pantone, korzystając z zaawansowanej nauki o kolorach. Przeglądaj wyselekcjonowaną kolekcję popularnych kolorów Pantone z podglądem porównania kolorów w czasie rzeczywistym i funkcją kopiowania.