Comprobador de contraste de color
Previsualiza colores y comprueba el contraste según WCAG 2.2
—
El texto grande mide al menos 24 px en peso normal o unos 18,7 px en negrita. El resultado para la interfaz es orientativo: hay que comprobar sus bordes y colores adyacentes por separado. Superar la prueba de contraste no garantiza por sí solo la accesibilidad.
Vista previa
Título grande: un mensaje importante
Texto normal: un ejemplo de lectura en una página.
Texto pequeño: los subtítulos y detalles también necesitan contraste.
Alternativas accesibles para el texto
Mantén el fondo y acerca el texto al negro o al blanco hasta alcanzar AA para texto normal (4,5:1). La opción más cercana aparece primero.
Sobre el contraste de color
El contraste de color es la diferencia de luminosidad percibida entre dos colores. Influye en la facilidad de lectura, especialmente en pantallas pequeñas, bajo luz intensa o para personas con baja visión. Una combinación agradable no siempre resulta legible.
Las Pautas de Accesibilidad para el Contenido Web establecen niveles mínimos de contraste para el texto normal, el texto grande y los elementos significativos de la interfaz. Un mayor contraste puede facilitar la lectura, pero también importan el tamaño, el grosor, el espaciado y los colores cercanos. Conviene revisar los colores en su contexto real.
Los diseñadores suelen comparar el texto y el fondo al crear botones, etiquetas y páginas. Explorar tonos más claros y más oscuros permite conservar una paleta y distinguir mejor las palabras. La misma comprobación sirve para elegir colores en presentaciones y documentos.
Generador de paletas de color · Pintura vectorial · Guía de contraste WCAG 2.2