Simulador de daltonismo
Sube una imagen y previsualiza cómo se ve con protanopía, deuteranopía, tritanopía o daltonismo total, y luego descarga el resultado simulado.
Simulador de daltonismo — Arrastra una imagen y observa al instante cómo la vería alguien con visión ciega al rojo (protanopía), al verde (deuteranopía), al azul (tritanopía) o totalmente acromática (acromatopsia). La simulación se ejecuta por completo en tu navegador sobre un lienzo, píxel a píxel: tu imagen nunca se sube a ningún servidor, así que incluso los mockups y capturas privadas permanecen en tu dispositivo. Elige un tipo, compara el original con el resultado lado a lado y descarga el PNG simulado.
¿Qué es Simulador de daltonismo?
El Simulador de Daltonismo es una herramienta gratuita en el navegador que vuelve a renderizar una imagen tal como la percibiría una persona con una deficiencia específica de la visión del color. Admite las tres dicromacias comunes — protanopía (debilidad al rojo), deuteranopía (debilidad al verde) y tritanopía (debilidad al azul) — además de la acromatopsia, una vista totalmente monocromática (escala de grises). Diseñadores, desarrolladores y revisores de accesibilidad la usan para comprobar si los gráficos, los estados de la interfaz, los colores de estado y las infografías siguen teniendo sentido cuando el color por sí solo transmite el significado. Como aproximadamente uno de cada doce hombres tiene alguna forma de deficiencia de la visión del color, simular estas vistas antes de publicar ayuda a detectar diseños que dependen demasiado de un contraste de color que desaparece para parte de tu audiencia.
Cómo usar Simulador de daltonismo
- Arrastra una imagen al área de carga o haz clic en ella para elegir un archivo PNG, JPG o WebP de tu dispositivo.
- Abre el menú Tipo de visión del color y elige Protanopía, Deuteranopía, Tritanopía o Acromatopsia (selecciona Ninguno para ver el original sin cambios).
- La vista previa simulada se actualiza automáticamente junto al original para que puedas compararlos lado a lado.
- Haz clic en cualquier vista previa para abrirla en la caja de luz con zoom e inspeccionar los detalles de cerca.
- Pulsa Descargar para guardar la imagen simulada como PNG, o Restablecer para borrarla y probar otra imagen.
Ejemplos
Revisar una insignia de estado rojo/verde
Sube una captura de una interfaz que usa rojo para 'error' y verde para 'éxito', elige Deuteranopía y observa cómo ambos colores se acercan a un tono turbio similar: una señal de que deberías añadir iconos o etiquetas en vez de depender solo del color.
Revisar un gráfico de datos
Carga un gráfico de líneas múltiples o circular, alterna entre Protanopía y Tritanopía y confirma que cada serie siga siendo distinguible; si las líneas se mezclan, ajusta la paleta o añade patrones.
Prueba de legibilidad en escala de grises
Elige Acromatopsia para reducir la imagen solo a luminancia; si el texto o los elementos clave desaparecen, tu diseño depende del tono en lugar del contraste de brillo.
Preguntas frecuentes
- ¿Qué tipos de daltonismo puede simular?
- Simula protanopía (ceguera al rojo), deuteranopía (ceguera al verde) y tritanopía (ceguera al azul) usando matrices estándar de transformación RGB, además de acromatopsia, que convierte la imagen en una escala de grises basada en la luminancia. Si eliges Ninguno, la imagen original no cambia.
- ¿Se sube mi imagen a un servidor?
- No. Toda la simulación ocurre localmente en tu navegador con un lienzo HTML: el archivo nunca sale de tu dispositivo y no se envía nada a ningún servidor, por lo que funciona sin conexión y mantiene privadas tus imágenes privadas.
- ¿Qué formatos de imagen y salida puedo usar?
- Puedes cargar imágenes de mapa de bits comunes como PNG, JPG y WebP. El resultado simulado siempre se exporta como PNG para conservar la transparencia cuando exista.
- ¿Qué tan precisa es la simulación?
- Usa aproximaciones de matriz de color lineal muy conocidas, ideales para detectar problemas de dependencia del color en interfaces y gráficos. Es una ayuda práctica de diseño, no una herramienta de diagnóstico clínico o médico, así que toma el resultado como una guía y no como una reproducción exacta de la visión de una persona.
- ¿Por qué los colores simulados se ven apagados o desplazados?
- Cada deficiencia elimina o debilita una respuesta de los conos, por lo que los colores que dependen de ese canal se desplazan hacia los restantes. Ese colapso de tonos distintos en tonos similares es justo el efecto que quieres detectar antes de publicar.
Herramientas relacionadas
Código a imagen
Convierte un fragmento de código en una imagen PNG pulida con resaltado de sintaxis en tu navegador, con tema, fondo de degradado o transparente y relleno, sin subir nada.
Verificador de contraste de color
Comprueba la relación de contraste WCAG entre un color HEX de primer plano y uno de fondo, y si cumple AA y AAA para texto normal y grande.
Mezclador de colores
Mezcla dos colores HEX en la proporción que elijas, en espacio RGB o Lab, y obtén el color intermedio como muestra y valor HEX copiable.
Generador de tonos de color
Convierte un color HEX base en una escala de tonos 50-950 al estilo Tailwind, mezclando hacia blanco y negro, con muestra y HEX copiable.