Verificador de contraste de color
Verificador de contraste de color
Comprueba la relación de contraste WCAG entre un color de texto y uno de fondo — ve las notas de aprobado/reprobado AA/AAA para texto normal, texto grande y componentes de interfaz, con una previsualización en vivo y sugerencias de colores accesibles.Color del texto
Tinte
Color de fondo
Tinte
Relación de contraste
--:1
Texto normal
Texto de cuerpo menor de 18 px (o menor de 14 px en negrita)
AA
AAA
Texto grande
18 px o más en regular, o 14 px o más en negrita
AA
AAA
Componentes de interfaz
Iconos, bordes, controles de formulario y gráficos
AA
AAA
Previsualización en vivo
El veloz zorro marrón
El texto grande se lee cómodamente cuando el contraste es suficiente.
Este es un párrafo de muestra de texto de cuerpo normal. Un buen contraste de color mantiene tu contenido legible para todos, incluidas las personas con baja visión o daltonismo. un enlace de muestra.
La letra pequeña y los pies de foto son lo más difícil de leer — necesitan el mayor contraste.
Botón de muestra
Botón de muestra
Sugerencia
¡Esta combinación ya cumple el nivel WCAG AA para texto normal. Buen trabajo!
Color de texto accesible más cercano que supera AA (4,5:1):
:1
Ninguna variante accesible de este color de texto alcanza el nivel AA con este fondo — intenta cambiar el fondo.
Todo se calcula en vivo en tu navegador usando la fórmula de luminancia relativa WCAG 2.x — sin subidas, sin registro, completamente gratis.
Búsquedas populares
comprobador de contraste de color
ratio de contraste wcag
comprobador de contraste accesible
contraste de texto
prueba de contraste aa aaa
comprobar contraste de color online