Mis mejores utilidades, ahora en tu móvil.

Accede a todas mis herramientas y proyectos de forma rápida, optimizada y en un solo lugar.

Calculadora de Legibilidad Visual WCAG y APCA

Comprueba el contraste real de tus diseños con APCA (WCAG 3.0). Analiza cómo influye el grosor de la fuente y el tamaño en la lectura real. De ratios simples a legibilidad perceptual.

Colores Base
#1E293B
#FFFFFF
Tipografía
16px
400
Comparativa de Contraste
Ratio WCAG 2.1 21.00 Pasa AAA
APCA Lc (WCAG 3) 100 Excelente
Vista Previa Perceptual

La legibilidad visual no es solo matemática. Es cómo luz y sombra interactúan con tus ojos.

Recomendaciones APCA
Texto de Lectura (Body)
Texto Pequeño / Caption
UI / Botones
Estudio de Utilidades

¿Quieres tener esta utilidad en tu web?

Personaliza colores y modo oscuro para WordPress, Notion o tu propio sitio.

Preguntas Frecuentes

¿Qué es APCA y por qué es diferente a WCAG 2.1?
APCA es el Algoritmo de Contraste Perceptual Avanzado desarrollado para WCAG 3.0. A diferencia del antiguo ratio simple, APCA utiliza modelos matemáticos que imitan cómo el cerebro humano percibe el contraste, teniendo en cuenta la polaridad (fondo claro vs. oscuro) y el tamaño/grosor de las fuentes.
¿Qué significa el valor Lc?
Lc (Lightness Contrast) es el valor de contraste que genera APCA. Un valor de 100 representa un contraste máximo ideal, mientras que valores inferiores a 60 empiezan a ser críticos para textos de lectura continua. Es una escala de magnitud absoluta de la percepción.
¿Cómo influye el grosor de la fuente en la legibilidad?
Las fuentes delgadas (Thin/Light) requieren un contraste mucho mayor para ser legibles. APCA penaliza las fuentes de poco peso, indicando que un diseño que pasa WCAG con una fuente de 100 de grosor puede ser ilegible en la práctica.
¿Es esta calculadora privada?
Sí, todos los cálculos se realizan localmente en tu navegador. Los colores y configuraciones que analices nunca se envían a ningún servidor, garantizando total privacidad en tus proyectos de diseño.

# Calculadora de Legibilidad Visual (WCAG vs APCA)

Comprende cómo tus colores y tipografía afectan la lectura real con el nuevo estándar de accesibilidad perceptual. WCAG 2.1 usa una fórmula matemática simple de 2008. APCA es el nuevo modelo propuesto para WCAG 3.0 que imita la percepción humana.

# Puntos Clave de APCA

  • Polaridad: Entiende que el modo oscuro (Dark Mode) se percibe distinto al modo claro.
  • Grosor de Fuente: Asigna niveles de contraste (Lc) específicos según el peso de la tipografía.
  • Linealidad: Corrige las imprecisiones matemáticas de la luminancia relativa de 2008.

# Niveles APCA Recomendados

  • Lc 90+: Ideal para texto muy pequeño o de poco peso.
  • Lc 75: El estándar para texto de lectura principal (Body).
  • Lc 60: Mínimo para contenido legible de tamaño medio.
  • Lc 45: Mínimo para elementos grandes o decorativos.

Referencias Bibliográficas

Esc