Comprobador de contraste de color
Comprueba el contraste WCAG 2.1 y APCA de dos colores — o suelta una captura de pantalla y ve exactamente dónde los trazos finos hacen el texto difícil de leer. Todo local, sin subir nada.
How to capture solid material
Browser zoom does not increase resolution, and snipping tools on HiDPI displays often capture logical instead of physical pixels. Use Chrome DevTools → Elements panel → right-click the element → "Capture node screenshot", or Firefox's right-click screenshot — both capture at device resolution.
| # | Occurrences | Stroke width | WCAG nominal → effective | APCA nominal → effective |
|---|
Note — the analysis runs entirely locally in your browser; the screenshot never leaves your device. Clicking a table row steps the loupe through that group's occurrences.
Por qué un ratio aprobado puede seguir siendo difícil de leer
Todos los comprobadores de contraste toman dos valores de color y devuelven un ratio. Ese número es honesto con los colores — y ciego a todo lo demás. Un par a 4,5:1 que aprueba WCAG AA puede ser realmente difícil de leer cuando la tipografía es fina y pequeña: lo que llega al ojo no es el color nominal del texto, sino la mezcla de suavizado (anti-aliasing) entre texto y fondo que realmente se dibujó en pantalla. Cuanto más fino el trazo, más parte de cada letra son esos píxeles de borde deslavados — y el contraste efectivo cae por debajo de lo que prometían los dos valores hexadecimales. Esa brecha es la que cierra esta herramienta: junto a la comprobación clásica de dos colores, analiza una captura de tu interfaz real y mide dónde los trazos son más finos y qué contraste efectivo hay exactamente en esos puntos.
La herramienta muestra siempre las dos referencias: el ratio WCAG 2.1, la norma de conformidad actual (4,5:1 para texto normal, 3:1 para texto grande), y el Lc de APCA, el modelo perceptual candidato para WCAG 3, que tiene en cuenta la polaridad claro/oscuro. En la práctica, Lc 90 es ideal para texto de lectura, Lc 75 es el objetivo para texto normal, Lc 60 basta para texto grande o en negrita, y por debajo de Lc 45 no debería ir ningún texto. Cuando los dos valores se contradicen, sigue el más pesimista.
Un contraste efectivo bajo no es un caso raro: la sensibilidad al contraste disminuye con la edad y cae bruscamente con cataratas, degeneración macular o astigmatismo; la luz solar directa y las pantallas con poco brillo lo agravan, igual que el texto en mayúsculas. Las correcciones salen directamente de las mediciones: trazos por debajo de 2 px → aumentar el peso de la fuente (400 → 500/600); contraste insuficiente → oscurecer el color del texto; texto demasiado pequeño → agrandarlo primero. Para valores fiables usa una captura a resolución 2× (Retina). El análisis se ejecuta por completo en tu navegador — la captura nunca sale de tu dispositivo.
Privacidad desde el diseño
Todo el procesamiento ocurre dentro de tu navegador. Tus archivos nunca llegan a un servidor — no hay nada que almacenar, transmitir ni compartir.
Más información en nuestra política de privacidadPreguntas frecuentes
Es gratis, sin registro, y no se sube nada. Tanto la comprobación de colores como el análisis completo de la captura se ejecutan en tu navegador — puedes desconectarte de internet tras cargar la página y todo sigue funcionando.
Como regla general, Lc 90 es ideal para texto de lectura, Lc 75 es el objetivo para texto normal, Lc 60 es aceptable para texto grande o en negrita, y por debajo de 45 no debería ir ningún texto. APCA tiene en cuenta la polaridad — claro sobre oscuro y oscuro sobre claro puntúan distinto, a diferencia del ratio WCAG.
Porque el ratio solo describe los dos colores nominales. Con pesos finos, el suavizado mezcla la mayor parte de cada trazo con el fondo: el contraste realmente mostrado es menor. El análisis mide esos píxeles reales en los puntos más finos — ese es el valor que perciben tus lectores.