Linealización sRGB de un canal
C_lin = C ÷ 12,92 si C ≤ 0,04045; si no, ((C + 0,055) ÷ 1,055)^2,4
C es el valor del canal entre 0 y 1 (valor ÷ 255).
Simulador de daltonismo
Carga una imagen y simula localmente protanopia, deuteranopia, tritanopia o acromatopsia.
- Exportar
Imagen
Ninguna imagen cargada
Suelta una imagen aquí
Añade una imagen PNG, JPEG o WebP. El archivo permanece en tu dispositivo y las ediciones se realizan localmente en el navegador.
¿Necesitas más opciones?
Reúne varias herramientas de edición en un mismo espacio, con tu archivo abierto y sus cambios en curso.
Abrir el editor completoProcesando…0 %
¿Te ha resultado útil esta herramienta?
¿Cómo funciona esta herramienta?
Alrededor del 8 % de los hombres y del 0,5 % de las mujeres de origen norteuropeo distinguen mal algunos colores, sobre todo el rojo y el verde. Este simulador muestra cómo puede verse una imagen, una maqueta o un gráfico con siete tipos de daltonismo, para detectar antes de publicar una leyenda, un estado o un botón que solo se diferencia por el color.
Importa una imagen PNG, JPEG o WebP, elige un Tipo de simulación y pulsa Aplicar simulación. Hay tres dicromacias, en las que falta un tipo de cono (protanopia para el rojo, deuteranopia para el verde, tritanopia para el azul), tres tricromacias anómalas más frecuentes y leves (protanomalía, deuteranomalía, tritanomalía) y la acromatopsia, que solo conserva la luminosidad.
Cada píxel se convierte primero de sRGB a luz lineal y se multiplica por la matriz 3 × 3 publicada por Machado, Oliveira y Fernandes (2009) para el tipo elegido: severidad 1,0 para las dicromacias y 0,6 para las anomalías. Después se vuelve a codificar en sRGB. La acromatopsia sustituye cada color por su luminancia relativa.
La imagen simulada se limita a 1600 px en su lado mayor, suficiente para una comprobación visual. Antes / después y Lado a lado comparan el original con la simulación. Todo el cálculo se queda en tu navegador.
Cómo utilizar esta herramienta
Importa la imagen
Arrastra una captura, una maqueta o un gráfico en PNG, JPEG o WebP.
Elige el tipo
Selecciona por ejemplo Deuteranopia, la forma más frecuente de daltonismo rojo-verde, y aplica la simulación.
Compara y descarga
Usa Antes / después para comparar y descarga la imagen simulada si quieres compartirla.
Cálculo de la simulación
Las matrices de Machado se aplican a luz lineal: cada canal se linealiza, se transforma y se vuelve a codificar en sRGB.
Transformación del color
(R', G', B') = M × (R_lin, G_lin, B_lin)
El resultado se limita entre 0 y 1 y se vuelve a codificar en sRGB con la función inversa.
- C
- valor del canal rojo, verde o azul, entre 0 y 1
- M
- matriz 3 × 3 del tipo de daltonismo elegido
- R', G', B'
- color percibido, en luz lineal
Casos de uso
Gráficos y paneles
Comprueba que las curvas roja y verde de un gráfico se siguen distinguiendo sin leer la leyenda.
Interfaces y formularios
Asegúrate de que un campo con error o un estado «aprobado» se reconoce sin su color.
Mapas e impresos
Prueba un mapa, un plano de metro o un cartel antes de imprimirlo.
Ejemplos
Rojo y verde de un panel con deuteranopia
Los dos colores se convierten en dos tonos oliva casi idénticos: su canal rojo solo difiere en un punto. Un estado indicado solo por el color se vuelve ilegible; añade un icono o un texto.
Entrada
Indicador «error» #E53935 e indicador «correcto» #43A047, simulación Deuteranopia (sin verde)Resultado
Rojo simulado #98892E (152, 137, 46); verde simulado #978A4E (151, 138, 78)Los mismos colores con acromatopsia
La luminancia relativa de ambos colores es parecida, así que sin color la diferencia de gris es pequeña. Un contraste de luminosidad mayor ayudaría a todos los lectores.
Entrada
#E53935 y #43A047, simulación Acromatopsia (sin color)Resultado
Gris #7B7B7B (123) y gris #8D8D8D (141)Consejos y buenas prácticas
- Prueba al menos la deuteranopia y la protanopia: los daltonismos rojo-verde son la gran mayoría de los casos.
- Antes de probar otro tipo, vuelve al original con Deshacer (Ctrl+Z); si no, la nueva simulación se aplicará sobre la imagen ya simulada.
- Una información nunca debe depender solo del color (WCAG 2.2, criterio 1.4.1): añade una forma, una trama o una etiqueta.
- La simulación es un modelo medio: la percepción cambia de una persona a otra y según la pantalla. No sustituye una prueba con usuarios.
Fuentes y referencias
- G. M. Machado, M. M. Oliveira, L. A. F. Fernandes, A Physiologically-based Model for Simulation of Color Vision Deficiency (se abre en una pestaña nueva), IEEE Transactions on Visualization and Computer Graphics, 2009Página en inglés
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2 — Use of Color (se abre en una pestaña nueva)Página en inglés
Preguntas frecuentes
¿Qué diferencia hay entre protanopia y protanomalía?
En la protanopia faltan los conos sensibles al rojo; en la protanomalía existen pero están desplazados. La herramienta simula la segunda con una severidad de 0,6, por eso el efecto es más suave.
¿Qué tipo conviene probar primero?
La deuteranomalía y la deuteranopia, y después la protanomalía y la protanopia. La tritanopia y la acromatopsia son mucho más raras.
¿En qué modelo se basa la simulación?
En las matrices de Machado, Oliveira y Fernandes (2009), aplicadas en RGB lineal. La acromatopsia usa la luminancia relativa definida para sRGB.
¿Por qué la imagen descargada es más pequeña?
La simulación se calcula sobre una copia limitada a 1600 px en su lado mayor. Sirve para revisar un diseño, no para sustituir tu archivo.
¿La simulación corrige los colores?
No. Muestra un resultado probable; después tú cambias los colores, el contraste o los textos de tu diseño original.
¿Se envía mi imagen a un servidor?
No. El cálculo píxel a píxel se hace en tu navegador y la imagen se queda en tu dispositivo.
Herramientas relacionadas
Continúa con estas herramientas
Herramientas similares o complementarias a esta.
Herramientas similares
Convierte un color entre HEX, RGB y HSL con sus valores equivalentes.
Imágenes y diseño gráficoUsar esta herramienta
Extrae una paleta de colores dominante de una imagen sin subirla a un servidor.
Imágenes y diseño gráficoUsar esta herramienta
Crea una paleta complementaria, análoga, triádica o monocromática a partir de un color.
Imágenes y diseño gráficoUsar esta herramienta
También te puede interesar
GuíaBuenas prácticasPrincipiante
¿Cómo crear una paleta de colores a partir de una imagen?
Extrae los colores dominantes de una imagen, asigna funciones y construye una paleta coherente sin confundir frecuencia e importancia visual.
31 de agosto de 202615 min
ReferenciaConceptos y tecnologíasPrincipiante
¿Cómo se construye una imagen digital?
Comprende cómo se combinan píxeles, canales de color, profundidad y transparencia para formar una imagen mostrada en pantalla.
31 de agosto de 202617 min
GuíaBuenas prácticasPrincipiante
Contraste WCAG: ¿cómo hacer accesibles los colores?
Comprende los umbrales de contraste WCAG, mide una combinación de colores y corrige los casos que dificultan la lectura o el uso de una interfaz.
31 de agosto de 202625 min
ReferenciaConceptos y tecnologíasPrincipiante
RGB, HEX o HSL: ¿qué notación elegir?
Comprende cómo RGB, HEX y HSL describen colores sRGB para elegir una notación CSS legible y convertir valores sin confusiones.
31 de agosto de 202612 min