Comprobador de contraste de color
Comprueba si el texto se lee bien sobre su fondo, con la relación de contraste WCAG y los resultados AA y AAA. Si no pasa, obtén el color más cercano que sí pasa.
Funciona en tu navegador. Tus archivos nunca se suben ni se guardan.
Ejemplo de texto grande
Así se ve el texto normal con estos colores.
relación de contraste
- AA, texto normal ≥ 4.5:1
- AA, texto grande ≥ 3:1
- AAA, texto normal ≥ 7:1
- AAA, texto grande ≥ 4.5:1
- Iconos y botones ≥ 3:1
¿Algo no funciona o falta una opción?
Cómo usar: Comprobador de contraste de color
- Elige o escribe los colores del texto y del fondo.
- Mira la relación de contraste y qué niveles pasan.
- Si no pasa, usa el color sugerido.
Preguntas
¿A qué nivel debo apuntar?
AA es el estándar habitual, legal y de diseño: 4,5:1 para texto normal y 3:1 para texto grande. AAA es más estricto.
¿Se suben mis archivos?
No. La herramienta funciona dentro de tu navegador y la página tiene prohibido enviar datos a ningún sitio. Puedes comprobarlo desconectando internet: sigue funcionando.
Componentes de código abierto
Esta herramienta solo usa funciones de tu navegador: sin código de terceros.