Verificador de contraste
Compara dos colores
Selecciona el color del texto y el fondo para evaluar la legibilidad.
Color del fondo
Relación de contraste
15.88:1 Contraste excelenteVista previa
Diseño claro y accesible
Este texto permite comprobar cómo se verá la combinación elegida en un bloque de contenido real.
Cumplimiento WCAG
Resultados para texto normal, texto grande y elementos gráficos.
Texto normal
AA- AA
- —
- AAA
- —
Texto grande
AA- AA
- —
- AAA
- —
Elementos UI
UI- Mínimo
- —
- Relación
- 3:1
Sugerencias accesibles
Alternativas cercanas que mejoran el contraste manteniendo el estilo.
Código de la combinación
Copia los estilos CSS de la combinación actual.
Acción completada
La acción se realizó correctamente.
Tus datos se procesan localmente en tu navegador.
Accesibilidad visual
Cómo comprobar el contraste con Alfora
Comprueba si los colores de texto y fondo cumplen con los niveles de contraste recomendados por WCAG.
Elige los colores, revisa la relación de contraste y confirma si la combinación cumple los niveles AA y AAA.
Legibilidad para todos
1. Selecciona
Elige el color del texto y del fondo.
2. Comprueba
Revisa el contraste y el cumplimiento WCAG.
3. Ajusta
Usa las sugerencias para mejorar la legibilidad.