Simulador de daltonismo
Comprueba si tus colores son distinguibles para personas con daltonismo, sobre un color o una imagen.
Simular un color
Original
#E63946
Protanopía (rojo)
#6C6545 · ΔE 71
Deuteranopía (verde)
#988940 · ΔE 70
Tritanopía (azul)
#FD0040 · ΔE 16
Protanomalía (rojo leve)
#A65E43 · ΔE 40
Deuteranomalía (verde leve)
#B37541 · ΔE 47
Tritanomalía (azul leve)
#E83646 · ΔE 1
Acromatopsia (sin color)
#7C7C7C · ΔE 74
Simular una imagen
Se reduce a 360 px de ancho para el procesado local.
La simulación usa las matrices de Machado et al. (2009) sobre espacio RGB lineal, el modelo estándar para protanopía, deuteranopía y tritanopía, más luminancia para la acromatopsia. ΔE (CIE76) indica cuánto cambia el color: por debajo de ~2 la diferencia apenas se percibe.
Hecho por
Miguel Ángel Colorado Marin (MACM)
Hecho por
Miguel Ángel Colorado Marin (MACM)
Full-Stack Developer · Guadalajara, España
Desarrollo aplicaciones web, herramientas digitales y proyectos completos — desde el diseño hasta el despliegue.
Elegir una paleta o un color de aviso parece sencillo hasta que alguien con daltonismo no distingue el verde del rojo. Alrededor de un 8% de los hombres y un 0,5% de las mujeres tiene algún tipo de deficiencia en la visión del color, así que basar un estado en el color sin más (un borde rojo para el error, verde para el acierto) deja fuera a mucha gente. Este simulador aplica las matrices de Machado sobre RGB lineal para mostrarte exactamente qué ve una persona con cada tipo de daltonismo, tanto en un color concreto como en una imagen, y además indica la distancia de color (ΔE) para que sepas cuánto se ha desvanecido.
Características
- ✓Siete tipos: protanopía, deuteranopía, tritanopía, sus variantes leves y acromatopsia
- ✓Simulación de un color suelto con contraste frente a blanco y negro
- ✓Simulación completa de una imagen subida, procesada en el navegador
- ✓Medida ΔE (CIE76) de cuánto cambia cada color
- ✓Descarga de cada versión simulada en PNG
¿Cómo comprobar si tus colores son accesibles para daltónicos?
- 1
Elige un color
Usa el selector o escribe un HEX para ver todas las simulaciones a la vez.
- 2
Interpreta el ΔE
Un ΔE alto significa que el color cambia mucho; bajo, que apenas se distingue del original.
- 3
Prueba con una imagen
Sube una captura de tu interfaz o un gráfico y compara las siete versiones.
- 4
Corrige y vuelve a comprobar
Ajusta los colores hasta que las formas y los textos sigan siendo claros en todas las simulaciones.
Preguntas frecuentes
¿Qué tipos de daltonismo simula?
Protanopía (ausencia de conos rojos), deuteranopía (verdes), tritanopía (azules), sus versiones leves protanomalía, deuteranomalía y tritanomalía, y acromatopsia (visión en escala de grises por pérdida total de color).
¿Es fiel a lo que ve una persona con daltonismo?
Es una simulación basada en las matrices de Machado et al. (2009), el modelo estándar en investigación y diseño. Es una aproximación muy buena para el tipo completo, aunque la percepción real varía de una persona a otra y ningún modelo reproduce el 100% de los casos.
¿Qué es el valor ΔE que aparece?
Es la distancia de color CIE76 entre el color original y el simulado. Cuanto mayor es, más cambia el color. Por debajo de unos 2 la diferencia es apenas perceptible; por encima de 10, el color es claramente distinto.
¿Se suben mis imágenes a algún servidor?
No. Las imágenes se procesan con Canvas en tu propio navegador y no se envían a ningún servidor. Nada sale de tu dispositivo.
Herramientas relacionadas
Incrusta Simulador de Daltonismo en tu web
Integra Simulador de Daltonismo en cualquier página web con un simple iframe. Gratis, con atribución a miguelacm.es.
<iframe
src="https://miguelacm.es/embed/colorblind-simulator"
width="100%"
height="700"
frameborder="0"
title="Simulador de Daltonismo — miguelacm.es"
></iframe>