Sprawdzanie kontrastu kolorów
Twórz dostępne kombinacje kolorów z pewnością siebie
#000000
#f0f4f8
Podgląd
Zwykły tekst
This is an example of normal body text that would appear on your website or application.
Duży tekst
This is an example of large text (18pt or 14pt bold).
"Good design is accessible design. Contrast is essential for readability."
Współczynnik kontrastu
19.00:1
0
WYNIK
Zwykły tekst
AAA
Duży tekst
AAA
Wytyczne WCAG 2.1: AA wymaga 4,5:1 dla zwykłego tekstu, 3:1 dla dużego tekstu. AAA wymaga 7:1 dla zwykłego tekstu, 4,5:1 dla dużego tekstu.
Wskazówki i sugestie
- ✦Maintain a contrast ratio of at least 4.5:1 for normal text.
- ✦Use 3:1 or higher for large text (18pt or 14pt bold).
- ✦Consider using darker text on lighter backgrounds or vice versa.
- ✦For full WCAG AAA compliance, aim for a ratio of 7:1.
- ✦Adjust brightness or saturation slightly to improve contrast.