Comprobador de Contraste de Color
Crea combinaciones de colores accesibles con confianza
#000000
#f0f4f8
Vista previa
Texto normal
This is an example of normal body text that would appear on your website or application.
Texto grande
This is an example of large text (18pt or 14pt bold).
"Good design is accessible design. Contrast is essential for readability."
Relación de contraste
19.00:1
0
PUNTUACIÓN
Texto normal
AAA
Texto grande
AAA
Directrices WCAG 2.1: AA requiere 4.5:1 para texto normal, 3:1 para texto grande. AAA requiere 7:1 para texto normal, 4.5:1 para texto grande.
Consejos y sugerencias
- ✦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.