Verificador de contraste

Esta herramienta calcula el ratio de contraste entre un color de texto y de fondo que usted elija, según la fórmula de luminancia relativa de WCAG 2.2. Puede introducir un color con el selector, o como HEX, RGB o HSL, incluido el HEX abreviado. El resultado se muestra junto a una vista previa en directo de texto, un botón y un enlace a tamaño real, para juzgar el aspecto y no solo un número. Si introduce un color transparente (alfa), se mezcla con el fondo elegido antes de calcular el ratio.

El resultado se compara con cuatro umbrales: AA 4,5:1 y AAA 7:1 para texto normal, AA 3:1 y AAA 4,5:1 para texto grande, y 3:1 para componentes de interfaz y gráficos. Si el ratio no llega, la herramienta sugiere el color válido más cercano manteniendo el mismo tono, sugerencia que puede aplicarse con un clic. En el modo paleta puede introducir entre 2 y 6 colores y ver el ratio de todos los pares en una sola tabla.

Esta comprobación solo calcula un ratio de contraste numérico, no tiene en cuenta otros factores de legibilidad como la tipografía, el espaciado entre letras o el desorden visual alrededor del texto, ni analiza una página en directo por usted. Distintos tipos de daltonismo perciben el mismo ratio de forma diferente, así que un ratio que cumple no garantiza una lectura cómoda para todos. Una evaluación de accesibilidad completa también requiere pruebas con usuarios reales o un lector de pantalla.