Calculadora de relación de contraste de color

Comprueba la relación de contraste de dos colores para accesibilidad.

Cómo usarlo

  1. Introduce tus valores en los campos de arriba.
  2. Pulsa "Calcular" para ver el resultado.
  3. Usa "Compartir" para enviar tu resultado.

Acerca de esta calculadora

Esta calculadora obtiene la relación de contraste WCAG entre dos colores mediante (L1 + 0.05) / (L2 + 0.05), donde L1 y L2 son las luminancias relativas del color más claro y del más oscuro, cada una derivada de los valores de los canales sRGB mediante la fórmula de luminancia con corrección gamma de las WCAG. El resultado va de 1:1 (colores idénticos) a 21:1 (negro puro sobre blanco), y se comprueba con los umbrales de las Pautas de Accesibilidad para el Contenido Web: 4,5:1 para el texto normal y 3:1 para el texto grande en el nivel AA, y 7:1 y 4,5:1 respectivamente para el nivel AAA, más estricto.

Los diseñadores web, los desarrolladores de front-end y los auditores de accesibilidad la usan para asegurarse de que el texto y los elementos de la interfaz cumplen las normas legales y de usabilidad en materia de accesibilidad (WCAG 2.1, ADA, cumplimiento de la Sección 508) para usuarios con baja visión o daltonismo. Introduce dos colores hexadecimales para obtener la relación de contraste y el resultado de aprobado o suspenso.

Was this helpful?

Puedes elegir hasta 3 reacciones.

Comments (0)

  • Be the first to comment.

Calculadoras populares

Todas las calculadoras