Simulador de Daltonismo
Color
Suelta una captura de un gráfico, dashboard o diseño y cambia entre 8 vistas simuladas: normal, tres tipos de ceguera total al color (protanopia, deuteranopia, tritanopia), tres tipos de debilidad parcial (protanomalía, deuteranomalía, tritanomalía) y monocromático completo (acromatopsia). Cada una se renderiza aplicando la transformación lineal correspondiente por píxel via Canvas — rápido y totalmente offline. Útil para revisar gráficos y paletas antes de lanzar.
Tipo de visión
Sobre la simulación
La simulación de daltonismo usa transformaciones RGB lineales (matrices estilo Brettel/Viénot). Es una aproximación de cómo podría verse, no una réplica clínica. Valida siempre decisiones críticas de accesibilidad con usuarios reales o herramientas formales como verificadores WCAG.
Cómo usar
- Suelta una captura de gráfico, paleta o diseño.
- Pulsa cada chip para ver la imagen renderizada para ese tipo de visión.
- Descarga una copia de la simulación actual para compartir.
Preguntas frecuentes
- ¿Son científicamente precisas?
- Son aproximaciones basadas en transformaciones RGB lineales muy citadas (estilo Brettel / Viénot / Mollon). La visión humana real varía; trátalas como 'cómo podría verse', no exacto.
- ¿Qué tipos afectan a más gente?
- Deuteranomalía (debilidad leve al verde) es de lejos la más común — sobre 5% de los hombres. Protanomalía y dicromacia protan/deután juntas cubren la mayoría de la CVD.
- ¿Qué es la acromatopsia?
- Ceguera total al color — se ve el mundo en tonos de gris. Muy raro, pero un buen test del peor caso: si el diseño funciona en escala de grises pura, funciona para todos.
- ¿Se sube mi imagen?
- No — la simulación corre local con Canvas. La imagen y las matrices se quedan en tu navegador.
Herramientas relacionadas
Paleta de Color desde Imagen
Suelta una imagen y la herramienta extrae una paleta de colores dominantes vía Canvas — copia HEX o llévate el set completo.
Generador de CSS Box Shadow
Diseña box-shadow CSS visualmente con varias capas, vista previa en vivo y salida CSS / Tailwind lista para copiar.
Conversor de Formatos de Color
Convierte cualquier color entre HEX, RGB, HSL, HSV, OKLCH y una variable CSS.
Generador de Gradientes CSS
Crea gradientes CSS lineales o radiales con varias paradas de color y copia el código.
Generador de Paleta de Colores
Crea paletas armoniosas desde un color base con seis esquemas.
Comprobador de Contraste de Color
Comprueba el contraste texto/fondo según los niveles WCAG AA y AAA.