1
Wprowadź kolor lub wybierz go za pomocą selektora.
2
Ustaw nieprzezroczyste tło i uruchom konwersję.
3
Skopiuj formaty lub wyeksportuj raport dotyczący kolorów i kontrastu.
Kolory CSS i sprawdzanie kontrastu
Wprowadź wartość koloru CSS, na przykład #ff6600, ff6600, rgb(255 102 0) lub hsl(24 100% 50%). Narzędzie pokaże kolor i przekonwertuje go na popularne formaty CSS.
Wartości są w tej przeglądarce konwertowane na sRGB. Kolory zależne od kontekstu, takie jak currentColor, var() i kolory systemowe, nie są akceptowane. Funkcje Wide Gamut i CSS Color 4 nie są obsługiwane w formatach wejściowych tego narzędzia. Przezroczystość jest zachowywana w trybach RGBA, HSLA i alfa HEX. RGB i HSL pomijają alfa. Progi kontrastowe nie zastępują pełnego audytu dostępności.
Wprowadź prawidłową wartość koloru CSS.
Dane wejściowe uległy zmianie. Ten raport nadal należy do ostatniego pomyślnego uruchomienia.
Tutaj pojawi się próbka koloru
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
Dane wejściowe CSS
—
WCAG współczynnik kontrastu:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 to próg AA dla zwykłego tekstu; 3:1 dotyczy tylko wystarczająco dużego tekstu. 7:1 to AAA dla zwykłego tekstu. Sprawdzenie pary kolorów nie określa ogólnej dostępności strony.
Dlaczego warto korzystać z internetowego narzędzia do sprawdzania kolorów CSS?
To narzędzie pomaga szybko zwizualizować dowolną wartość koloru CSS bezpośrednio w przeglądarce. Możesz wkleić kody z systemu projektowania, przewodnika po stylach lub układu i od razu zobaczyć, jak wyglądają na ekranie.
Użyj go podczas przygotowywania stylów na stronę internetową, dopasowywania kolorów marki lub debugowania istniejących układów. Kontroler obsługuje wszystkie standardowe formaty CSS, w tym HEX, RGB, RGBA, HSL i nazwane kolory.
Recenzje są sprawdzane przed publikacją. Publikujemy autentyczne pozytywne opinie i konkretną krytykę. Spam i obelgi nie zawierające przydatnych szczegółów nie są publikowane; wulgaryzmy i dane osobowe są maskowane. Głosy pozytywne są liczone natychmiast; negatywne głosy są liczone po sprawdzeniu.
Recenzje odzwierciedlają doświadczenia użytkowników, a nie gwarancję wyników lub opis limitów usług. Aby zostawić recenzję, użyj powyższych przycisków oceny.
Nie opublikowano jeszcze żadnych recenzji w tym języku.
