Vista previa real
Aa Título de ejemplo
Este es un párrafo de ejemplo con el tamaño de texto habitual de una página web, para ver cómo se leería en la práctica.
Texto pequeño, como una leyenda o un pie de foto — el caso más exigente.
Para una persona con baja visión, un contraste insuficiente puede hacer el texto directamente ilegible, no solo incómodo de leer. AA es el mínimo recomendado por WCAG; AAA es el ideal para contenido crítico. "Texto grande" significa 18pt (24px) o más, o 14pt (18.66px) en negrita.
Cómo funciona
Tres pasos, sin vueltas
No hace falta crear una cuenta ni instalar nada. Entrás y usás la herramienta directamente.
Elegí tus colores
Usá el selector visual, el cuentagotas o escribí directamente el código hexadecimal del texto y del fondo.
Mirá el resultado al instante
El instrumento calcula el ratio de contraste real y te muestra si pasa AA y AAA, para texto normal y para texto grande.
Ajustá si hace falta
Si la combinación no pasa, te sugerimos automáticamente un tono cercano que sí cumple, con un solo clic para aplicarlo.
Ideas de uso
¿Para qué la podés usar?
El contraste importa en cualquier lugar donde haya texto sobre un fondo de color.
Diseño web y apps
Verificá que botones, enlaces y textos se lean bien antes de publicar.
Documentos y presentaciones
Revisá plantillas de PDF, diapositivas o materiales antes de enviarlos o imprimirlos.
Señalética y carteles
Comprobá que la información se pueda leer a distancia, en interiores o exteriores.
Contenido para adultos mayores
Asegurate de que el texto se lea sin esfuerzo, incluso con baja visión o presbicia.
Marca y branding
Probá combinaciones de tu paleta antes de aplicarlas a gran escala.
Educación y materiales
Chequeá que fichas, guías y diapositivas sean legibles para toda el aula.
Preguntas frecuentes
Dudas sobre contraste y legibilidad
¿Qué es el contraste de color y por qué importa para la legibilidad?
El contraste de color es la diferencia de luminosidad entre el texto y el fondo sobre el que se apoya. Cuanto menor es esa diferencia, más esfuerzo le pide al ojo distinguir las letras. Un contraste bajo puede hacer que un texto sea directamente ilegible para muchas personas, no solo incómodo de leer.
¿Qué significan los niveles AA y AAA de WCAG?
Son los niveles de conformidad de las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1. AA es el mínimo recomendado: 4.5:1 para texto normal y 3:1 para texto grande. AAA es el nivel más exigente, pensado para contenido crítico: 7:1 para texto normal y 4.5:1 para texto grande.
¿Cómo afecta un contraste bajo a las personas con baja visión?
Para alguien con baja visión, un contraste insuficiente puede hacer que las letras se mezclen con el fondo y el texto deje de poder leerse, más allá del tamaño de letra o la tipografía elegida. Cumplir con AA o AAA reduce esa barrera de forma directa.
¿Qué contraste conviene usar para contenido pensado para adultos mayores?
Con la edad es habitual que disminuya la sensibilidad al contraste, incluso sin un diagnóstico de baja visión. Por eso conviene apuntar como mínimo a AA y, siempre que se pueda, a AAA, combinado con tamaños de letra generosos.
¿Necesito registrarme o se suben mis datos a algún servidor?
No. La herramienta funciona por completo en tu navegador, no pide registro ni cuenta, y ningún color que ingreses se envía a ningún servidor.
¿Sirve para revisar PDFs, señalética o materiales impresos?
Sí. Aunque la herramienta se calcula pensando en pantallas, el ratio de contraste es un buen punto de partida para cualquier combinación de colores, incluida señalética, carteles y documentos impresos.
Glosario
Términos clave, en pocas palabras
Definiciones breves para orientarse rápido. Actualizado: agosto de 2026.
- Ratio de contraste
- Medida, en una escala de 1:1 a 21:1, de cuánto se diferencia la luminosidad del texto de la del fondo.
- WCAG
- Pautas de Accesibilidad para el Contenido Web: el estándar internacional que define los niveles A, AA y AAA.
- Nivel AA
- Mínimo recomendado por WCAG: 4.5:1 para texto normal, 3:1 para texto grande.
- Nivel AAA
- Nivel más exigente de WCAG, para contenido crítico: 7:1 para texto normal, 4.5:1 para texto grande.
- Baja visión
- Pérdida de agudeza visual que no se corrige del todo con anteojos, lentes o cirugía.
Compartir
¿Le sirve a alguien más?
Si te resultó útil, compartila con quien la pueda necesitar.