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
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).
Por AdminRedactado con herramientas de redacción con IAActualizado Ejemplos verificados: 4
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.
Matriz de gravedad 1,0 de Machado y colaboradores, aplicada en RGB lineal como en colorspacious y DaltonLens.
Los canales se limitan a 0–1 antes de aplicar la curva sRGB y se redondean a 8 bits, con los empates hacia arriba.
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.
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.
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.
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.
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.
| Escenario | HEX simulado | Desplazamiento OKLab |
|---|---|---|
| Predeterminado | #9F8F36 | 0,1875 |
| #E74C3C protanopia | #786D39 | 0,2047 |
| #E74C3C tritanopia | #FE1B49 | 0,0648 |
| #FF0000 deuteranopia | #A39000 | 0,2495 |
| #000000 deuteranopia | #000000 | 0,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.
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.
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.
Fuente de comprobación: Cálculo independiente
Fuente de comprobación: el azul se limita a 0
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
Fuente de comprobación: el rojo se limita a 0
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.
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.
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.
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.
Esta calculadora incluye 4 ejemplos resueltos con respuestas de fuentes independientes. Forman parte del conjunto de pruebas y también puedes ejecutarlos aquí.