Matriz de contraste de color
Compara relaciones de contraste WCAG entre hasta 8 colores en una matriz — filtra por niveles AA, AAA y componentes UI.
| Texto / Fondo |
|---|
¿Creando una paleta? Extrae colores con Paleta desde logo o Paleta desde imagen, luego pega los valores hex aquí.
Cómo funciona
Añade hasta 8 colores y la matriz muestra cada combinación texto sobre fondo con su relación de contraste WCAG 2.1. Las filas son colores de texto, las columnas son fondos, y cada celda muestra el par para que puedas juzgar la legibilidad.
Usa el filtro para mostrar solo las combinaciones que cumplen un nivel WCAG específico.
Consejos
- Comparte tu matriz con parámetros URL:
?colors=111827,374151,6d28d9,ffffff - ¿Necesitas comprobar un solo par? Prueba el Comprobador de contraste.