CalcOpenly
Español

Simulador de daltonismo

Simula cómo se ve un color con protanopía, deuteranopía o tritanopía, deficiencias de visión del rojo, verde o azul, con el modelo de Machado y colaboradores (2009).

Redactado con herramientas de redacción con IAActualizado Ejemplos verificados: 4

#RRGGBB, un nombre CSS, rgb(), hsl() u oklch().
Probar
Color simulado
#9F8F36
Color simulado: #9F8F36
Protanopía
#786D39
Tritanopía
#FE1B49
Cambio de color (ΔE OK)
0,188
Se simula la ausencia completa de la función de un tipo de cono (gravedad 1,0). Las formas anómalas más leves, que son más frecuentes, modifican menos los colores.

Sin la función de los conos sensibles al verde (M), #E74C3C se percibe aproximadamente como #9F8F36, un cambio de 0.188 en distancia OKLab. No uses solo este tono para transmitir significado; acompáñalo de texto, formas o diferencias de luminosidad.

Original y simulado

Original
#E74C3C
Protanopía
#786D39
Deuteranopía
#9F8F36
Tritanopía
#FE1B49
Cómo se calcula S
  1. Linealizar los canales sRGB

    (R,G,B)lin=(0.7991, 0.0723, 0.0452)(R, G, B)_{lin} = (0.7991,\ 0.0723,\ 0.0452)
  2. Aplicar la matriz de deuteranopía

    [0.3673220.860646−0.2279680.2800850.6725010.047413−0.0118200.0429400.968881][0.79910.07230.0452]=[0.34540.27460.0374]\begin{bmatrix}0.367322 & 0.860646 & -0.227968 \\ 0.280085 & 0.672501 & 0.047413 \\ -0.011820 & 0.042940 & 0.968881\end{bmatrix}\begin{bmatrix}0.7991 \\ 0.0723 \\ 0.0452\end{bmatrix} = \begin{bmatrix}0.3454 \\ 0.2746 \\ 0.0374\end{bmatrix}

    Matriz de gravedad 1,0 de Machado y colaboradores, aplicada en RGB lineal como en colorspacious y DaltonLens.

  3. Recodificar a sRGB

    #E74C3C→#9F8F36,ΔEOK=0.1875\text{\#E74C3C} \rightarrow \text{\#9F8F36},\quad \Delta E_{OK} = 0.1875

    Los canales se limitan a 0–1 antes de aplicar la curva sRGB y se redondean a 8 bits, con los empates hacia arriba.

Acerca de Simulador de daltonismo

El simulador convierte el color de sRGB a luz lineal, lo multiplica por la matriz de Machado, Oliveira y Fernandes (2009) correspondiente al tipo de deficiencia visual, limita cada canal a 0–1 y lo convierte de nuevo a sRGB. Las matrices de gravedad 1,0 modelan la ausencia completa de la función de los conos sensibles al rojo (protanopía), verde (deuteranopía) o azul (tritanopía). El cambio de color es la distancia en línea recta entre el original y el simulado en OKLab.

Ayuda a diseñadores a comprobar si un color conserva su significado para personas con deficiencias de visión cromática. El rojo inicial, #E74C3C, se convierte en el tono oliva #9F8F36 con deuteranopía, con un cambio de 0,188 en OKLab, y en #786D39 con protanopía.

Las formas anómalas más leves, como la deuteranomalía, son más frecuentes que las completas y modifican menos los colores, por lo que esta simulación representa el efecto más intenso. La pantalla y las condiciones de observación también cambian su apariencia.

Explorar un color con tres modelos de visión cromática

El simulador de daltonismo transforma un color mediante el modelo de Machado para protanopia, deuteranopia o tritanopia. Selecciona la condición que quieres explorar. El resultado principal muestra su color hexadecimal simulado y las muestras presentan juntos el original y las tres transformaciones.

Con la entrada inicial #E74C3C y deuteranopia seleccionada, el resultado es #9F8F36. La misma entrada produce #786D39 con protanopia y #FE1B49 con tritanopia. Cada selección utiliza una transformación diferente; una única muestra genérica no describe las tres comparaciones.

La página ayuda a examinar una decisión de diseño mediante un modelo matemático de un color. No realiza un diagnóstico ni describe exactamente la experiencia de una persona concreta. Tampoco transforma una imagen completa cargada por el usuario. Utiliza las muestras para identificar dependencias del tono y revisa después cómo se comunica la información en el componente real.

Entender la intensidad utilizada por la herramienta

La implementación utiliza las matrices de intensidad 1,0 del material complementario del modelo de Machado, Oliveira y Fernandes. Son los extremos de deficiencia completa del modelo para la clase de cono elegida. El formulario no ofrece un control para seleccionar sus matrices de intensidades intermedias.

Protanopia corresponde a la clase de conos sensible a longitudes de onda largas; deuteranopia, a la de longitudes medias; tritanopia, a la de longitudes cortas. Estas etiquetas sirven para elegir el modelo. No son nombres intercambiables de un mismo efecto aplicado a todos los colores.

Las características de la pantalla, las condiciones de observación y las diferencias individuales quedan fuera del cálculo de un solo color. La pregunta útil para el diseño es si un significado depende de una diferencia de tonos que la transformación reduce o altera.

Por ejemplo, un aviso de error rojo y un estado correcto verde deberían conservar texto o símbolos que permitan identificarlos. Revisar solo los códigos originales no muestra si ambos estados siguen siendo distinguibles al aplicarles el mismo modelo de simulación.

Aplicar la matriz en luz lineal

Primero se transforma el sRGB codificado de entrada en RGB lineal. Después se multiplica el vector de tres componentes por la matriz de tres por tres seleccionada. Los canales resultantes se recortan al intervalo de cero a uno y vuelven a codificarse mediante la curva sRGB.

El orden modifica el resultado. Aplicar directamente la matriz a los números hexadecimales omitiría la transformación de transferencia. El panel de pasos muestra los canales lineales, la multiplicación y el color final para que puedas seguir el procedimiento realizado por esta herramienta.

Los colores saturados pueden producir canales simulados inferiores a cero o superiores a uno. Cuando sucede, el simulador los recorta y muestra un aviso. El código final describe el color sRGB después del recorte, no un vector que conserve esos valores fuera de intervalo.

Cada canal codificado se redondea finalmente a un entero de ocho bits para construir el HEX. Ese código es práctico para probar la muestra en una maqueta, aunque tiene menos precisión que el cálculo intermedio. Transformaciones cercanas pueden compartir un mismo código después del redondeo.

Interpretar la distancia OKLab como un desplazamiento

La salida Cambio de color es la distancia en línea recta entre el color original y el simulado en OKLab. El autor de OKLab describe el espacio y sus conversiones. Aquí la distancia resume cuánto desplaza la transformación seleccionada a esta entrada.

En el ejemplo inicial de deuteranopia, la distancia es aproximadamente 0,1875. No es un porcentaje, una probabilidad de confusión ni una puntuación de accesibilidad. Un valor mayor expresa un desplazamiento mayor bajo este cálculo, sin determinar por sí solo la facilidad de uso de una interfaz.

La distancia utiliza el color continuo transformado antes de redondearlo al HEX de ocho bits. Volver a introducir el HEX mostrado en otra herramienta puede dar una distancia ligeramente diferente. Esa diferencia puede proceder del redondeo final y no necesariamente de un modelo de transformación distinto.

También hay que distinguir este desplazamiento de la distancia entre dos colores de un diseño después de simularlos. Un color puede desplazarse mucho y seguir diferenciándose claramente de su vecino. Otros dos pueden desplazarse menos y acercarse entre sí. La salida de un único color no realiza esa segunda comparación.

EscenarioHEX simuladoDesplazamiento OKLab
Predeterminado#9F8F360,1875
#E74C3C protanopia#786D390,2047
#E74C3C tritanopia#FE1B490,0648
#FF0000 deuteranopia#A390000,2495
#000000 deuteranopia#0000000,0000

La primera fila utiliza #E74C3C con deuteranopia. El negro sigue siendo negro porque el vector lineal de ceros permanece en cero tras la multiplicación. Esto no implica que todos los colores neutros o casi neutros tengan un desplazamiento numérico exactamente nulo.

Comprobar qué color recibe el modelo

El campo admite las notaciones indicadas en su ayuda, incluidas las formas hexadecimales y las funciones compatibles. Un HEX incompleto o mal formado produce un error. Los canales numéricos rgb() fuera del intervalo permitido se rechazan, en lugar de aceptarse silenciosamente.

El alfa se ignora. Por ejemplo, #ff000000 se procesa como rojo opaco, sin conservar su transparencia sobre el fondo de la página. Si el componente real utiliza alfa, calcula primero el color visible después de su composición. Simular el color de origen sin componer responde a otra pregunta.

Una entrada OKLCH puede quedar fuera de la gama sRGB. Cuando es necesario, el analizador la recorta antes de aplicar la simulación e informa de ello. La primera muestra presenta el color utilizado realmente. Distingue ese recorte inicial del recorte que pueda producir después la matriz.

Revisar los significados del diseño completo

Compara los colores vecinos usando la misma condición y conserva sus funciones dentro del diseño. Una marca de estado puede acompañarse de una etiqueta; una serie de gráfico puede utilizar patrones de línea o formas; una selección debe seguir teniendo un estado reconocible cuando el tono no resulte suficiente.

El comprobador de contraste evalúa los umbrales de luminancia entre primer plano y fondo. El conversor de colores permite inspeccionar otras representaciones de la entrada. Estas herramientas responden a comparaciones diferentes que conviene conservar por separado al revisar el resultado.

Finalmente, observa el componente con su texto, espaciado, fondos y elementos próximos. Las cuatro muestras ayudan a detectar dependencias cromáticas, pero la información de la interfaz depende también de cómo se utilizan esos colores y de las señales que los acompañan.

Ejemplos resueltos

Rojo alizarina con deuteranopía

Color
#E74C3C
Tipo de visión
Deuteranopía (sin función de los conos del verde)
Color simulado
#9F8F36
Protanopía
#786D39
Tritanopía
#FE1B49

Fuente de comprobación: Cálculo independiente

Rojo puro con protanopía

Color
#FF0000
Tipo de visión
Protanopía (sin función de los conos del rojo)
Color simulado
#6D5F00

Fuente de comprobación: el azul se limita a 0

El blanco no cambia (caso límite)

Color
blanco
Tipo de visión
Tritanopía (sin función de los conos del azul)
Color simulado
#FFFFFF
Deuteranopía
#FFFFFF
Protanopía
#FFFFFF

Fuente de comprobación: Comprobación del ejemplo: Cada fila de la matriz de Machado suma 1 con un margen de 1e-6, por lo que el valor lineal (1, 1, 1) se transforma en sí mismo

Azul con tritanopía

Color
#0000FF
Tipo de visión
Tritanopía (sin función de los conos del azul)
Color simulado
#006B96

Fuente de comprobación: el rojo se limita a 0

Preguntas

¿Qué frecuencia tiene el daltonismo?

Alrededor del 8 % de los hombres y el 0,4 % de las mujeres de ascendencia europea tienen deficiencia de visión rojo-verde, según una revisión de estudios poblacionales de J. Birch publicada en 2012 en Journal of the Optical Society of America A. Entre hombres de etnia china y japonesa, la cifra es del 4 % al 6,5 %. El Instituto Nacional del Ojo de Estados Unidos la sitúa en aproximadamente 1 de cada 12 hombres.

¿Qué diferencia hay entre protanopía, deuteranopía y tritanopía?

Cada una supone la ausencia de la función de un tipo de cono. La protanopía, sin función de los conos sensibles al rojo, y la deuteranopía, sin la de los sensibles al verde, impiden distinguir ciertos rojos y verdes. La tritanopía, sin función de los conos sensibles al azul, confunde azul con verde, morado con rojo y amarillo con rosa, según el Instituto Nacional del Ojo de Estados Unidos. Las formas más leves, protanomalía, deuteranomalía y tritanomalía, modifican menos los colores.

¿Cuál es el tipo de daltonismo más frecuente?

La deuteranomalía, una sensibilidad reducida de los conos del verde que hace que algunos verdes parezcan más rojizos, es el tipo más común según el Instituto Nacional del Ojo de Estados Unidos. Las deficiencias rojo-verde son, en conjunto, mucho más frecuentes que las azul-amarillo. Este simulador muestra deuteranopía, la forma completa de esa deficiencia, que representa el caso más intenso de esa confusión.

¿Cómo se hacen accesibles los colores para personas con daltonismo?

No uses el color como único medio para transmitir información. El criterio 1.4.1 de WCAG 2.2, Uso del color (nivel A), exige otra señal visual, como texto, un patrón o un icono. El criterio 1.4.11, Contraste no textual (nivel AA), exige una relación 3:1 entre componentes de interfaz o gráficos y los colores adyacentes. Comprueba aquí las parejas de colores importantes con los tres tipos de visión.

Acerca de esta calculadora

[R′G′B′]lin=ΦCVD[RGB]lin\begin{bmatrix}R'\\G'\\B'\end{bmatrix}_{lin} = \Phi_{CVD} \begin{bmatrix}R\\G\\B\end{bmatrix}_{lin}

Fuentes

  1. Machado, Oliveira & Fernandes (2009), A Physiologically-based Model for Simulation of Color Vision Deficiency, IEEE TVCG 15(6):1291–1298
  2. Machado et al. — simulation matrices for severities 0.1 to 1.0
  3. DaltonLens — Understanding CVD simulation (matrices apply to linear RGB)

Verificado con las referencias

Esta calculadora incluye 4 ejemplos resueltos con respuestas de fuentes independientes. Forman parte del conjunto de pruebas y también puedes ejecutarlos aquí.

Pon esta calculadora en tu sitio

Pega esto donde quieras que aparezca la calculadora. Su uso es gratuito, se mantiene al día con las correcciones que hacemos aquí y el crédito que aparece debajo enlaza con la versión completa, para que tus lectores puedan consultarla.

Altura
Vista previa de la inserción

Conserva el crédito. Es la única condición y es lo que mantiene gratuitas estas calculadoras.