Comprobador de contraste de color
Comprueba si dos colores tienen suficiente contraste para leerse — según WCAG AA y AAA, para texto normal y grande — con una vista previa en vivo. Todo se ejecuta en tu navegador.
Se ejecuta en tu navegador. Lo que introduces no se sube a PayloadIQ.
Esta herramienta calcula la relación de contraste entre un color de texto y un color de fondo, y te dice si pasa los umbrales de WCAG AA y AAA, todo dentro de tu navegador. Introduce los dos colores en HEX o elígelos con el selector, y verás al instante la ratio exacta junto a una vista previa sobre texto real. Comprueba los cuatro niveles a la vez: AA y AAA, para texto normal y grande. Nada se sube a ningún servidor.
Legible, y demostrable
Elige un color de texto y un fondo, y el comprobador muestra la relación de contraste exacta más un resultado de aprobado o fallo en los cuatro umbrales de WCAG: AA y AAA, para texto normal y grande. La vista previa en vivo aplica los colores a texto real, así puedes juzgarlo a ojo y por número al mismo tiempo. Con un clic intercambias los dos colores para probar ambas direcciones, y la ratio se recalcula a medida que escribes.
Local e instantáneo
El cálculo se basa en la luminancia relativa de cada color usando la fórmula oficial de WCAG, y se ejecuta por completo en tu navegador: los colores nunca salen de tu equipo. Es ideal para validar un sistema de diseño o una paleta antes de pasarla a producción. Combínalo con el Color Picker para tomar los colores directamente de un diseño y comprobarlos aquí.