Combinaciones a Evitar
Errores comunes de color y como corregirlos
1. Combinaciones Rojo-Verde
El rojo y el verde son el par de colores más problemático, afectando a ~7% de los hombres. Ejemplos comunes incluyen estados de error/éxito, temas navideños e indicadores tipo semáforo. Usar azul en lugar de verde, o agregar iconos.
2. Combinaciones Azul-Amarillo
El azul y el amarillo son problemáticos para la tritanopia. El amarillo puede parecer rosa o gris, mientras que el azul parece verdoso. Evitar 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 problemático. Conviene probar siempre con nuestro verificador.
4. Combinaciones Universales Seguras
Negro sobre blanco (o blanco sobre negro) funciona para todos. Azul sobre blanco, púrpura sobre blanco y naranja sobre fondos oscuros son generalmente seguros. Siempre combine el color con señales secundarias.
¿Listo para Verificar los Colores?
Usar nuestro verificador de contraste para probar las combinaciones de colores contra las pautas WCAG, simular daltonismo y obtener alternativas accesibles.
Abrir Verificador de Contraste