Ir al contenido principal
Bethemesh
Imágenes y diseño gráfico

Simulador de daltonismo

Carga una imagen y simula localmente protanopia, deuteranopia, tritanopia o acromatopsia.

Integrar este widget

Personaliza el resultado, comprueba la vista previa y copia el código.

Vista previa

Tipo de código de integración

Código para copiar

Responsive y redimensionado automáticamente por Bethemesh.

  • 100 % local
  • Instantáneo
  • Gratis
  • Sin cuenta
  • Funciona sin conexión

Tus archivos se procesan localmente en el navegador y nunca se envían a nuestros servidores.

Suelta tu archivo aquí

Tamaño recomendado: hasta 25 MB

Original

Simulación

¿Por qué usar esta herramienta?

Simula varias formas de daltonismo sobre una imagen directamente en tu navegador para revisar colores, contrastes y accesibilidad visual.

100 % local y seguro

Tus datos permanecen en tu dispositivo y nunca se envían a nuestros servidores.

Procesamiento inteligente

Prepara y transforma imágenes directamente en el navegador, sin software adicional.

Formatos compatibles

Formatos de imagen habituales con las opciones de exportación disponibles.

Ahorra tiempo

Obtén un resultado limpio y listo para usar en segundos, sin instalar programas ni configurar procesos complejos.

Fonctionnement

¿Cómo funciona esta herramienta?

El simulador carga la imagen de forma local y aplica una matriz de transformación de color que aproxima el tipo de deficiencia visual seleccionado. Puedes cambiar entre protanopia, deuteranopia, tritanopia, acromatopsia y variantes sin volver a cargar el archivo. La imagen original permanece visible junto a la simulación para comparar los cambios y el resultado puede exportarse en PNG sin enviar el archivo fuera de tu dispositivo.

Casos de uso

Revisar una interfaz

Comprueba si una pantalla, un panel o una maqueta sigue siendo comprensible cuando algunos colores se distinguen peor.

Controlar un visual

Detecta combinaciones de color problemáticas en gráficos, carteles, infografías, presentaciones o piezas de marketing.

Preparar una auditoría

Usa la simulación como comprobación visual rápida antes de una revisión más completa de accesibilidad y contraste.

Guide

Cómo utilizar esta herramienta

  1. 1

    Carga una imagen

    Elige un archivo PNG, JPEG o WebP desde tu dispositivo.

  2. 2

    Elige una deficiencia

    Selecciona el tipo de visión del color que quieres simular.

  3. 3

    Compara y exporta

    Compara el original con la simulación y descarga el resultado si lo necesitas.

Consejos y buenas prácticas

  • Prueba varias deficiencias en lugar de depender de un único modo de simulación.
  • Utiliza también un verificador de contraste cuando la legibilidad del texto sea importante.
  • Añade etiquetas, formas o patrones cuando un significado dependa del color.

Preguntas frecuentes

¿Se sube la imagen a un servidor?

No. La carga, la transformación de píxeles y la exportación se realizan localmente en tu navegador.

¿Sustituye a una auditoría de accesibilidad?

No. Ayuda a detectar problemas de color, pero una auditoría completa debe revisar también contrastes, teclado, textos y estructura.

¿Puedo descargar la simulación?

Sí. El resultado simulado puede exportarse como PNG para revisarlo, compartirlo o compararlo con la imagen original.

¿Te ha resultado útil esta herramienta?

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 minLeer
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 minLeer

Workflow recomendado

Continúa tu proceso

Descubre herramientas que encajan antes, después o como complemento de esta.

Herramientas complementarias

Imágenes y diseño gráfico

Convertidor de colores

Convierte un color entre HEX, RGB y HSL con sus valores equivalentes.

100 % local
Usar esta herramienta
Imágenes y diseño gráfico

Extractor de colores de imagen

Extrae una paleta de colores dominante de una imagen sin subirla a un servidor.

100 % local
Usar esta herramienta
Imágenes y diseño gráfico

Generador de paletas de colores

Genera una paleta de colores coordinada a partir de un color inicial para tu diseño.

100 % local
Usar esta herramienta