DCPIXEL
Todas las herramientas

Verificador de contraste

Verifica si dos colores cumplen con los requisitos de contraste de accesibilidad WCAG 2.1 AA/AAA para texto. Instantáneo.

Te quedan 3 intento(s) gratis para esta herramienta hoyIniciar prueba gratis de 3 días →

Colores

Relación de contraste

17.74:1

The quick brown fox

Vista previa de texto normal — jumps over the lazy dog.

Cumplimiento WCAG 2.1

AA — Texto normal (4,5:1)
AA — Texto grande (3:1)
AAA — Texto normal (7:1)
AAA — Texto grande (4,5:1)

Introduce un color de texto y un color de fondo para ver instantáneamente la relación de contraste y si pasa los umbrales WCAG 2.1 AA y AAA para texto normal y grande — esencial para un diseño web y de aplicaciones accesible.

Preguntas frecuentes

¿Cuál es la diferencia entre AA y AAA?
AA es el requisito legal estándar de accesibilidad que la mayoría de los sitios buscan. AAA es un nivel más estricto y opcional para máxima accesibilidad, más difícil de cumplir con colores de marca.
¿Qué cuenta como "texto grande" para el umbral 3:1?
Texto de al menos 18pt (24px), o 14pt (18.66px) en negrita, según la definición de WCAG 2.1.
¿Esto también verifica el contraste seguro para daltónicos?
Esta herramienta verifica el contraste de luminancia según WCAG, lo que ayuda ampliamente, pero para la deficiencia de visión del color específicamente, usa la herramienta separada Simulador de Daltonismo.

Más herramientas se están traduciendo — explora el catálogo completo en inglés para el resto.

Todas las herramientas →