Simulador de daltonismo
Introduce dos colores para verlos con ocho tipos de visión del color y saber si siguen diferenciándose. Todo se calcula en tu navegador.
El color A a la izquierda y el B a la derecha. Haz clic en un valor para copiarlo.
Cómo los ve cada tipo
La diferencia de color (ΔE) entre ambos, por tipo. Cuanto menor, más difícil es distinguirlos. Consideramos distintos a partir de 25 y casi idénticos por debajo de 10: es un umbral práctico sobre CIE76, no una norma.
Sin conos de onda larga (rojo). Los rojos se ven oscuros y se confunden con los verdes.
Sensibilidad desplazada del cono rojo: rojo y verde se separan peor.
Sin conos de onda media (verde). Cuesta separar el rojo del verde.
El tipo más común. La separación rojo-verde se debilita, pero las diferencias de luminosidad se mantienen.
Sin conos de onda corta (azul). El azul se funde con el verde y el amarillo con el rosa.
Menor sensibilidad del cono azul: azul y amarillo se separan peor.
Ninguna discriminación de color, solo luminosidad.
Los colores se ven muy lavados.
Nombres de color CSS que se confunden entre sí
Parejas claramente distintas para la visión típica que convergen con deuteranopía. Si usas dos de estos juntos, sepáralos también por luminosidad o por forma.
| Pareja | ΔE típica | ΔE con deuteranopía |
|---|---|---|
| Limegreen +Tomato | 126.3 |
5.8 |
| Crimson +Forestgreen | 121.1 |
3.0 |
| Crimson +Green | 123.7 |
8.9 |
| Deepskyblue +Fuchsia | 118.0 |
8.5 |
| Deepskyblue +Magenta | 118.0 |
8.5 |
| Coral +Limegreen | 113.5 |
4.4 |
| Firebrick +Green | 108.5 |
2.9 |
| Lime +Orange | 110.9 |
7.8 |
| Lightsalmon +Springgreen | 110.0 |
9.3 |
| Firebrick +Forestgreen | 106.4 |
6.3 |
Cómo funciona la simulación
La dicromacia usa Brettel, Viénot y Mollon (1997): el color pasa al espacio LMS y se proyecta sobre el más cercano de dos semiplanos a lo largo del eje del cono ausente. No usamos el atajo de un solo plano porque deja el azul casi intacto con tritanopía.
La tricromacia anómala (los tipos «-anomalía») se aproxima mezclando la visión típica con el resultado dicromático. La gravedad real varía mucho de una persona a otra.
⚠️ Una simulación es una herramienta de comprobación, no una ventana a la vista de otra persona. Léela como «esta combinación puede ser arriesgada» y diseña de modo que el color nunca sea el único portador del significado: acompáñalo de forma, etiquetas o patrones.
Preguntas frecuentes
¿Cómo de frecuente es el daltonismo?
En torno al 8% de los hombres y al 0,5% de las mujeres de ascendencia noreuropea, con variación según la población. La mayoría es rojo-verde, y la deuteranomalía es el tipo más común. Las deficiencias azul-amarillo y la acromatopsia son mucho más raras.
¿Basta con cambiar los colores para ser accesible?
No. WCAG 1.4.1 pide que el color nunca sea el único medio para transmitir información. Añade formas o patrones a las series de un gráfico, subraya los enlaces y etiqueta los estados con un icono o una palabra. El contraste es una comprobación aparte.