Combinaciones a Evitar
Errores comunes de color y como corregirlos
1. Combinaciones Rojo-Verde
El rojo y el verde son el par de colores mas problematico, afectando a ~7% de los hombres. Ejemplos comunes incluyen estados de error/exito, temas navidenos e indicadores tipo semaforo. Use azul en lugar de verde, o agregue iconos.
2. Combinaciones Azul-Amarillo
El azul y el amarillo son problematicos para la tritanopia. El amarillo puede parecer rosa o gris, mientras que el azul parece verdoso. Evite usar estos como la única distinción entre elementos.
3. Combinaciones de Bajo Contraste
Texto claro sobre fondos claros (como gris claro sobre blanco) y texto oscuro sobre fondos oscuros fallan para todos. Gris sobre gris es particularmente problematico. Siempre pruebe con nuestro verificador.
4. Combinaciones Universales Seguras
Negro sobre blanco (o blanco sobre negro) funciona para todos. Azul sobre blanco, purpura sobre blanco y naranja sobre fondos oscuros son generalmente seguros. Siempre combine el color con senales secundarias.
¿Listo para Verificar tus Colores?
Usa nuestro verificador de contraste para probar tus combinaciones de colores contra las pautas WCAG, simular daltonismo y obtener alternativas accesibles.
Abrir Verificador de Contraste