Atrás
Cómo usar esta herramienta
Comprueba si los colores de un texto y su fondo cumplen los niveles WCAG AA y AAA. Por ejemplo, prueba gris sobre azul antes de usar esa combinación en un botón o texto de tu web.
Elige «Color del texto» y «Color del fondo»: la vista previa, la razón de contraste y los resultados se actualizan al cambiar los colores.
Así se ve un título grande
Y así se lee el texto normal sobre el fondo seleccionado.
Razón de contraste: 14.65:1
- AA · texto normal: Cumple (mínimo 4.5:1)
- AA · texto grande: Cumple (mínimo 3:1)
- AAA · texto normal: Cumple (mínimo 7:1)
- AAA · texto grande: Cumple (mínimo 4.5:1)
Según WCAG para colores sólidos. «Texto grande» significa al menos 18 pt o 14 pt en negrita; el tamaño de la vista previa no modifica el cálculo. Todo se calcula en tu navegador.