01
Separar texto y fondo
Escribe primero el color del texto y después el fondo opaco. Intercambiarlos cambia la polaridad; el cálculo se actualiza tras unos 350 ms.
Color & Accessibility
calculadora APCApara texto en pantalla
Indica el color del texto y del fondo para ver Lc con signo y la referencia de tamaño de letra.
calculadora APCA
Contraste de luminosidad APCA
Lc 101.5
Texto oscuro sobre fondo claro
Referencia de tamaño de letra
Condición elegida: 16px · 400 · Texto de cuerpo
Tamaño mínimo para ese peso: 15px
Dentro del rango orientativo
El texto de cuerpo toma Lc 75 como mínimo; la tabla no certifica conformidad.
300: 18.5px400: 15px700: 13px
Cómo leer los niveles Lc
Lc 90: preferido para cuerpo
Lc 75: mínimo para cuerpo
Lc 60: mínimo para lectura fluida
Lc 45: mínimo para texto grande
Lc 30: mínimo para cualquier texto, no cuerpo
Lc 15: punto casi invisible, casos no textuales
APCA es un método de contraste perceptual en desarrollo; este resultado no acredita WCAG 2.x ni WCAG 3.
Biblioteca oficial apca-w3 0.1.9; algoritmo base 0.0.98G-4g. Para contenido web en pantallas emisivas. © 2019–2022 Andrew Somers / Myndex.
El cálculo se realiza en tu navegador; los colores no se envían.
Condiciones del texto
El resultado está actualizado.
Un color que funciona como texto oscuro sobre blanco puede dar otro resultado al invertir los papeles. La calculadora APCA conserva qué color es texto y cuál es fondo para que se vea la polaridad.
Como verificador de contraste perceptual, muestra Lc sin confundirlo con la proporción de WCAG 2.x. El valor depende del par de colores; el tamaño y peso de fuente solo cambian la orientación tipográfica.
Por qué usar esta calculadora APCA
Indica el color del texto y del fondo para ver Lc con signo y la referencia de tamaño de letra.
El signo muestra la dirección
La calculadora APCA da Lc positivo para texto oscuro sobre fondo claro y negativo para el caso inverso. Al intercambiar colores, el signo impide confundir ambas situaciones.
La cifra se lee con la letra real
Con un mismo Lc, la tabla muestra tamaños mínimos orientativos para pesos 300, 400 y 700. Cambiar el tamaño no altera el cálculo del color.
Interpretar Lc sin inventar una aprobación
02
Elegir la condición tipográfica
Selecciona píxeles CSS, peso y si es texto de cuerpo u otro texto legible. Estos datos cambian la referencia, nunca el Lc del par.
03
Copiar todos los datos
Con el cálculo automático desactivado, Ctrl o Cmd más Intro ejecuta el cálculo. Al modificar una opción, se bloquea la copia del resultado anterior.
Lo que indica este par de colores
Lc perceptual con polaridad
El algoritmo sRGB oficial calcula Lc con signo e identifica si el texto es claro u oscuro respecto al fondo.
Tabla de tamaño y peso
La consulta de fuentes ofrece mínimos orientativos para los pesos 300, 400 y 700; no convierte esos datos en un aprobado WCAG.
Resumen para revisión
Copia ambos valores HEX, Lc, polaridad, tamaño, peso y uso, de modo que el resultado pueda verificarse después.
Dónde termina este cálculo
- Solo colores sRGB opacos
- Se aceptan HEX de tres o seis cifras. Transparencia, degradados e imágenes requieren conocer los píxeles compuestos del fondo.
- No traduce Lc a AA o AAA
- Lc tiene signo y no se corresponde uno a uno con una proporción WCAG 2.x como 4,5:1. La conformidad se evalúa con su propio método.
- No analiza todo el sitio
- No observa otros textos, iconos, bordes ni estados de foco. Un par de colores no certifica la accesibilidad global.
- No modifica colores de marca
- No propone ni aplica automáticamente un supuesto color aprobado; muestra el par actual y su condición de lectura.
Preguntas sobre la calculadora APCA
¿Qué es APCA y debo usarlo en lugar de WCAG 2?
APCA ofrece un Lc perceptual con signo. Puedes usarlo como referencia adicional, pero una decisión formal WCAG 2.x requiere calcular la proporción con ese método.
¿WCAG y APCA no coinciden, cuál manda?
Para una obligación actual de WCAG 2.x manda el resultado calculado conforme a WCAG 2.x. Un Lc distinto no sustituye ni corrige automáticamente esa evaluación.
¿Qué cuenta como texto grande?
Aquí no se usa un único corte de “texto grande”. La tabla APCA relaciona el Lc con el tamaño mínimo y el peso; consulta la condición de tu texto.
¿Cómo se calcula el contraste de texto semitransparente?
Esta versión solo acepta colores opacos. Un texto semitransparente debe componerse con el fondo real antes de calcular; no elimines su alpha sin más.
¿El contraste importa en iconos, bordes e indicadores de foco?
Sí, esos elementos también deben revisarse en una auditoría. Este cálculo se centra en un par texto/fondo y no dictamina sobre iconos, bordes o foco.
¿Encontraste una pareja mal evaluada?
Probar la calculadora APCA con otra pareja
Revisa el siguiente token de texto y fondo en la calculadora APCA y copia Lc, polaridad y condición tipográfica para el equipo.
APCA es un método de contraste perceptual en desarrollo; este resultado no acredita WCAG 2.x ni WCAG 3.