Color Contrast Checker Tool es una pequeña utilidad Android diseñada para una única tarea: indicarte si un color de texto realmente se lee sobre un fondo, utilizando las mismas matemáticas que usa el estándar WCAG. Nos gustó la idea lo suficiente como para crear nuestra propia versión de navegador, Clarity Check, para que cualquiera que elija colores para un sitio web, presentación o aplicación no necesite instalar nada para obtener el número. Elige dos colores y la relación se actualiza al instante cuando cambies cualquiera de ellos.
Comprueba una relación de contraste ahora
Se abre con un par real ya cargado, texto blanco sobre índigo, así que ves una relación en vivo e insignias de aprobación/fallo antes de tocar nada. Arrastra cualquier selector de color o escribe un código hex para comprobar tu propio par.
Cómo usarlo
Establece el color de tu texto en “Texto” y el fondo en “Sobre”, ya sea arrastrando el selector de color nativo o escribiendo un código hex directamente. La relación, la vista previa de texto en vivo y las tres insignias (texto AA, texto grande AA, texto AAA) se actualizan con cada cambio, sin necesidad de presionar ningún botón. Toca Intercambiar para voltear texto y fondo, o toca uno de los pares preestablecidos para cargar una combinación lista y ver dónde cae. Todo lo que escribes permanece en tu navegador; tu último par se guarda en tu dispositivo para que siga ahí la próxima vez que abras la página.
Cómo se compara con Color Contrast Checker Tool
Clarity Check mantiene la parte de la aplicación original que realmente importa día a día: escribe o elige dos colores, obtén la relación de contraste WCAG y una indicación clara de aprobación o fallo contra los umbrales AA y AAA, de forma instantánea y sin cuenta. La vista previa de texto en vivo es nuestra propia adición, para que no solo leas un número, sino que veas cómo se procesa el par tal como un lector realmente lo haría.
Lo que dejamos fuera es el resto de una aplicación Android dedicada: historial de proyectos guardados, verificación en lote de múltiples pares a la vez y cualquier acceso sin conexión más allá de una sola pestaña del navegador. Si estás comprobando colores una vez mientras diseñas algo en la web, Clarity Check es suficiente. Si la comprobación de contraste es parte de tu flujo de trabajo regular y la quieres en tu teléfono sin una pestaña del navegador abierta, la aplicación Android es la opción más adecuada.
Una cosa más que vale la pena mencionar: mantuvimos la interfaz de nuestra propia herramienta al mismo estándar que mide. Cada pieza de texto de interfaz en la página, etiquetas, insignias, botones, se despeja con un contraste de 4.5:1 contra su fondo. Un verificador de contraste que no pudiera pasar su propia prueba sería un mal anuncio para la idea.
Obtén la aplicación completa
Color Contrast Checker Tool es una aplicación Android gratuita si quieres verificación de contraste disponible fuera del navegador, con tu historial guardado en el dispositivo.
Preguntas frecuentes
¿Qué fórmula utiliza este verificador de contraste?
La exacta de WCAG 2.1: luminancia relativa de cada color desde sus canales sRGB, luego la relación de contraste (L1 + 0,05) / (L2 + 0,05) utilizando la luminancia más clara y más oscura. Son las mismas matemáticas que utilizan los navegadores y las herramientas de diseño, por lo que un par negro sobre blanco se lee 21:1 aquí igual que en cualquier otro lugar.
¿Qué significan realmente AA y AAA?
Son niveles de conformidad WCAG 2.1 para contraste de texto. AA requiere al menos 4.5:1 para texto normal y 3:1 para texto grande (aproximadamente 18px en negrita o 24px regular en adelante). AAA es más estricto: 7:1 para texto normal. La mayoría de sitios y aplicaciones se dirigen a AA; AAA es para contenido donde la legibilidad importa aún más, como productos centrados en accesibilidad.
¿Es esta la verdadera Color Contrast Checker Tool?
No. Clarity Check es una herramienta de navegador que construimos, inspirada en lo que hace la aplicación Android, y no está afiliada ni respaldada por su desarrollador. Ejecuta la misma fórmula WCAG, pero es nuestro propio código e interfaz. Los enlaces de descarga anteriores van a la aplicación real.
¿Funciona sin conexión y es mi datos privados?
Una vez que se carga la página, no realiza más solicitudes de red, por lo que una conexión perdida no detendrá su funcionamiento. Nada de lo que escribes o eliges se envía a ningún lugar; tus últimos colores solo se guardan en el almacenamiento local de tu propio navegador.
¿Es gratis?
Sí, completamente. Sin anuncios, sin cuenta, sin límite en cuántos pares puedes comprobar.
