Corrector de contraste

Corrector de contraste

Pegue los pares de primer plano y de fondo, uno por línea (#7a1f2b en #ffffff, #333, #eee o rgb(0, 0, 0) #fff) y la relación de contraste WCAG 2 de cada par volverá instantáneamente, con un veredicto de aprobación o falla para cada nivel de conformidad. La relación va de 1:1 (sin ningún contraste) a 21:1 (negro sobre blanco) y se calcula a partir de la luminancia relativa exactamente como la definen las pautas, por lo que los números concuerdan con los inspectores de navegadores y las herramientas de auditoría.

WCAG nombra dos niveles. AA, al que hacen referencia la mayoría de las leyes y contratos, requiere 4,5: 1 para texto normal y 3: 1 para texto grande. AAA, el objetivo más estricto, solicita 7: 1 y 4,5: 1. El texto cuenta como grande a partir de 18 pt (aproximadamente 24 px) en peso normal, o desde 14 pt (aproximadamente 18,7 px) en negrita; es por eso que un título puede aprobarse en una proporción en la que un párrafo falla. El informe detalla los cuatro controles por par; cambie la salida a Compacto para una línea por par, que es la lectura más rápida cuando está barriendo una paleta completa.

Cuando a un par le falta AA para texto normal, active "Sugerir corrección" y la herramienta oscurecerá o aclarará el primer plano en pequeños pasos de luminosidad, manteniendo su tono, hasta que alcance 4,5: 1; luego imprimirá el hexadecimal más cercano listo para volver a pegarlo en su hoja de estilo.

Todo se ejecuta en tu navegador; Las paletas de marcas inéditas nunca abandonan tu dispositivo. Los colores pueden ser hexadecimales de 3 o 6 dígitos con o sin hash, rgb() o rgba(), o un nombre CSS común: los 16 básicos más los populares extendidos. La lista CSS completa de 148 nombres no se incluye deliberadamente, por lo tanto, escriba los nombres exóticos en formato hexadecimal. Una línea que no es un par de colores se anota con calma y el resto sigue procesándose.

Preguntas frecuentes