Saltar al contenido

Simulador de daltonismo

Sube una imagen, una captura o prueba con tu paleta y compara al instante cómo se ve con protanopia, deuteranopia, tritanopia y acromatopsia. Los colores que se confunden se marcan solos.

O arrástrala y suéltala aquí

El archivo debe tener formato JPEG, PNG, WebP o SVG y tener un tamaño máximo de 40 MB

¿No tienes una imagen a mano? Prueba con un ejemplo:

Tipo de visión

Se han encontrado conflictos: Deuteranopia, Tritanopia, Acromatopsia

Qué es el daltonismo y por qué importa en diseño

El daltonismo (o deficiencia en la visión del color) afecta a la capacidad de distinguir ciertos colores, generalmente rojos y verdes, aunque existen variantes que afectan a otros tonos. No es una condición única: existen varios tipos, cada uno con un patrón distinto de confusión de color, y afecta aproximadamente a 1 de cada 12 hombres y 1 de cada 200 mujeres.

Esto tiene una consecuencia directa en cualquier proyecto donde el color comunique algo: una combinación que se ve perfectamente diferenciada para ti puede resultar prácticamente idéntica para una parte real de quien la vea. Un botón de «error» en rojo sobre un fondo verde, por ejemplo, puede ser invisible para alguien con deuteranopia.

Los tipos de daltonismo, explicados

Protanopia

≈ 1 % de los hombres

Ausencia o reducción de la sensibilidad al rojo. Los rojos se perciben más oscuros y pueden confundirse con verdes o marrones.

Deuteranopia

≈ 1 % de los hombres

Ausencia o reducción de la sensibilidad al verde. Es el tipo más común; rojos y verdes resultan difíciles de diferenciar.

Tritanopia

Muy rara

Ausencia o reducción de la sensibilidad al azul, mucho menos frecuente que las dos anteriores. Afecta a la distinción entre azules y amarillos.

Acromatopsia

≈ 1 de cada 30.000

Ausencia total de visión del color, mucho más rara. La persona percibe el mundo en escala de grises.

Cómo usar el simulador en tres pasos

  1. Sube una imagen o una paleta

    Arrastra una imagen, pega una captura con Ctrl + V o usa uno de los ejemplos. Sin imagen, puedes probar directamente los colores de tu paleta.

  2. Elige el tipo de visión

    Con «Todos» comparas los cuatro tipos a la vez. Elige uno concreto para verlo junto al original, más grande.

  3. Corrige los conflictos

    Los colores que se confunden se marcan con un aviso. Selecciona uno y ajústalo con el editor hasta que el aviso desaparezca.

Cómo diseñar pensando en el daltonismo

Cada ejemplo muestra una versión incorrecta y una correcta tal como la vería una persona con deuteranopia, el tipo más común (la tercera, en escala de grises).

  • No transmitas información solo con el color

    Un semáforo de estados en verde, ámbar y rojo se vuelve casi uniforme. Añade iconos, texto o formas distintas.

  • Evita el rojo y el verde como única pareja

    Para comparar dos series, el azul y el naranja se distinguen con cualquier tipo de daltonismo frecuente.

  • Diferencia también por luminosidad

    Si dos colores tienen la misma luminosidad, en escala de grises son iguales. Combina uno oscuro con uno claro.

  • Añade etiquetas o texturas a los gráficos

    Una etiqueta directa o un rayado permite leer el gráfico aunque los colores se parezcan.

Preguntas frecuentes

Es una condición que dificulta distinguir ciertos colores. Los tipos principales son protanopia, deuteranopia, tritanopia y acromatopsia, cada uno con un patrón distinto de confusión de color.

Ambas afectan a la distinción entre rojos y verdes, pero por causas distintas: la protanopia reduce la sensibilidad al rojo, mientras que la deuteranopia reduce la sensibilidad al verde. Visualmente, los resultados son parecidos pero no idénticos.

Afecta aproximadamente a 1 de cada 12 hombres y 1 de cada 200 mujeres, lo que lo convierte en una de las condiciones de accesibilidad visual más comunes a tener en cuenta.

Con protanopia y deuteranopia, los más habituales son rojo y verde, verde y marrón, azul y morado, y naranja con verde claro. Con tritanopia se confunden sobre todo azul con verde y amarillo con rosa claro.

Usa parejas de colores que se distingan también en luminosidad, como azul y naranja en lugar de rojo y verde, y no dependas solo del color: añade etiquetas, iconos o texturas. Después sube una captura al simulador para comprobarlo.

Es una aproximación: aplica a cada píxel matrices de simulación de uso habitual. Sirve para detectar combinaciones problemáticas, pero cada persona percibe el color de forma algo distinta, sobre todo en las formas leves (anomalías).

No. El análisis y la simulación se procesan en tu propio navegador, tu imagen no se envía ni se almacena en ningún servidor externo.

El verificador de contraste comprueba el ratio de legibilidad entre dos colores concretos. Este simulador te permite ver una imagen o diseño completo tal como la percibiría alguien con daltonismo, detectando problemas de comprensión que van más allá de un simple par de colores.

Puedes subir archivos JPG, PNG o WebP, arrastrarlos a la herramienta o pegar directamente una captura de pantalla con Ctrl + V (Cmd + V en Mac).

Más herramientas