Calculadora de contraste de colores: WCAG AA y AAA
Calculadora de contraste de colores: WCAG AA y AAA. Fórmulas verificables y cálculo en tu navegador.
Comprobá el contraste entre texto y fondo antes de entregar una identidad, pieza digital o interfaz. Ingresá colores HEX sRGB y elegí el tamaño de texto para comparar los umbrales de WCAG 2.2.
Contraste de color para texto
Proba una combinacion sRGB. El valor exacto se compara con AA y AAA sin redondear.
Texto de muestra para revisar la combinacion
W3C: texto normal AA 4.5:1 y AAA 7:1; texto grande (18 pt o 14 pt negrita) AA 3:1 y AAA 4.5:1.
Qué mide la herramienta
Calcula la luminancia relativa sRGB de ambos colores y divide (luminancia más clara + 0,05) por (luminancia más oscura + 0,05). Compara el resultado sin redondearlo; el número visible se abrevia para facilitar la lectura.
Este control de contraste no certifica por sí solo la accesibilidad de una página. Fotografías, degradés, transparencia y distintos estados interactivos requieren comprobar cada combinación efectiva.
Para elegir texto grande se consideran al menos 18 puntos, o 14 puntos en negrita. En CSS habitual equivalen a 24 píxeles y aproximadamente 18,67 píxeles en negrita.
Fuente de reglas y fórmula: W3C, contraste mínimo (WCAG 2.2) y luminancia relativa.
Operación y datos
Los cálculos se ejecutan en tu navegador, sin subir imágenes ni enviar los valores ingresados a un servicio de cálculo. Las fórmulas no dependen de cotizaciones ni de una carga manual periódica. Esta versión incorpora comprobaciones automáticas de valores y límites; los errores no se sustituyen por resultados estimados.