Simulador de daltonismo: prueba una captura o paleta en 8 tipos de visión | We.Inc
Mira una captura de pantalla o una paleta de colores a través de ocho tipos de deficiencia de la visión del color, uno al lado del otro. Señala los pares de colores que pasan a ser difíciles de distinguir y sugiere un tono más seguro. Funciona en tu navegador.
Un simulador de daltonismo vuelve a dibujar los colores tal como los ven las personas a las que les falta un tipo de cono o lo tienen debilitado. Sube una captura o pega tu paleta para verla en ocho tipos de visión a la vez. La herramienta también señala pares de colores que a la mayoría le parecen distintos pero que para otros se funden, y sugiere un sustituto más claro o más oscuro.
Los principales tipos de deficiencia de la visión del color
Tipo
Qué cambia
Se confunden a menudo
Deuteranomalía y deuteranopia
Conos verdes débiles o ausentes
Rojo y verde, marrón y verde, azul y morado
Protanomalía y protanopia
Conos rojos débiles o ausentes; los rojos se ven más oscuros
Rojo y verde, rojo y negro
Tritanomalía y tritanopia
Conos azules débiles o ausentes (poco frecuente)
Azul y verde, amarillo y rosa
Acromatopsia
Ningún cono funciona (muy poco frecuente)
Todo salvo la luminosidad
Dos formas de empezar: suelta una captura de una página, un gráfico o un diseño, o pega una lista de colores hex. Todas las simulaciones se ejecutan en tu navegador y no se sube nada.
Suelta o elige una captura (PNG, JPG o WebP), o pega colores hex uno por línea o separados por comas.
La imagen o la paleta se vuelve a dibujar ocho veces, una por tipo de visión, con un modelo publicado de cómo responden los conos.
En las paletas, se compara cada par bajo cada simulación. Se señalan los pares cuya diferencia cae por debajo de un pequeño umbral.
Cada par señalado incluye un sustituto sugerido: el segundo color, aclarado u oscurecido hasta que vuelve a distinguirse.
Nunca dejes que el color sea la única señal. Añade también una etiqueta, un icono, un patrón o una posición, que es además lo que pide el criterio de conformidad 1.4.1 de WCAG.
El contraste de luminosidad sobrevive a todos los tipos de daltonismo. Un rojo oscuro junto a un verde claro sigue siendo legible; un rojo medio junto a un verde medio, no.
En los gráficos, etiqueta las líneas directamente o varía su estilo, y elige paletas que cambien de luminosidad además de tono.
Los estados de error en los formularios deben llevar un icono y texto, no solo un borde rojo.
Preguntas frecuentes
¿Qué tan común es el daltonismo?
Según el National Eye Institute de Estados Unidos, el daltonismo rojo-verde es la forma más común, y es mucho más frecuente en hombres que en mujeres. Entre personas de ascendencia del norte de Europa afecta hasta a aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres. Los tipos azul-amarillo y el daltonismo total son poco frecuentes.
¿Qué precisión tiene la simulación?
Usa el modelo de Machado, Oliveira y Fernandes, muy utilizado y bien valorado, con intensidad completa para los tipos -opia y una intensidad moderada para los tipos -anomalía. Las personas reales varían: dos personas con el mismo diagnóstico pueden ver de forma algo distinta, y las pantallas y la iluminación también influyen. Tómalo como una guía sólida, no como un diagnóstico.
¿Puedo comprobar un sitio web en vivo por su URL?
Desde esta página no. Los navegadores no permiten que un sitio cargue y lea los píxeles de otro. Haz una captura de la página (en la mayoría de los sistemas, Shift + Cmd + 4 en Mac o Win + Shift + S en Windows) y suéltala aquí.
¿Pasar un verificador de contraste significa que mis colores son seguros para personas daltónicas?
No del todo. Los verificadores de contraste comparan la luminosidad entre texto y fondo, lo que ayuda a todo el mundo. Pero dos colores de un gráfico o dos colores de estado pueden pasar cada uno frente al blanco y aun así verse iguales para alguien con deuteranopia. Comprueba los pares de colores que deben distinguirse, que es lo que hace aquí la comprobación de paletas.
Por qué el rojo y el verde causan la mayoría de los problemas
Los conos rojos y verdes del ojo responden a rangos de luz que se solapan. Cuando uno de ellos falta o está desplazado, el cerebro pierde la mayor parte de la diferencia entre rojos, naranjas, amarillos y verdes, y esos colores se alinean en una sola escala de oscuro a claro.
Por eso los colores de estado tipo semáforo, las líneas rojas y verdes de los gráficos y las insignias de éxito o error son los problemas habituales. Mantén el significado en una palabra o un icono y haz que los dos colores difieran en luminosidad.
Cómo funciona la comprobación de pares
Cada color se convierte a OKLab, un espacio de color diseñado para que distancias iguales parezcan aproximadamente igual de distintas. La herramienta mide la distancia entre cada par antes y después de la simulación. Se señala un par que normalmente es claramente distinto pero cae por debajo del umbral en una simulación.
El umbral es una decisión de criterio pensada para zonas planas pequeñas, como líneas de gráficos, muestras de leyenda e insignias. Los bloques grandes de color se distinguen con más facilidad, así que un par señalado puede funcionar bien como dos secciones a todo el ancho.
Visión típica
Los tres tipos de conos funcionan.
Protanopia
Sin conos rojos. Los rojos se ven oscuros y cercanos a los verdes.
Protanomalía
Conos rojos débiles. Una confusión rojo-verde más leve.
Deuteranopia
Sin conos verdes. El rojo y el verde se parecen.
Deuteranomalía
Conos verdes débiles. El tipo más común.
Tritanopia
Sin conos azules. Se confunden azul y verde, amarillo y rosa.
Tritanomalía
Conos azules débiles. Una confusión azul-amarillo más leve.
Acromatopsia
Sin visión del color. Solo queda la luminosidad.
Acromatomalía
Visión del color muy reducida.
Elige un archivo de imagen.
No se pudo leer esa imagen.
Suelta aquí una captura o haz clic para elegir una. Se queda en tu dispositivo.