Simulador de Daltonismo
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.
Guías sobre este tema
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.
Exportador de Tokens de Color
Define una paleta de colores una vez, exporta a CSS custom properties, configuración Tailwind, SCSS, LESS, JSON de design tokens, SwiftUI Color o `colors.xml` de Android. Vista previa de swatches en vivo.
Comprobador de Contraste de Color
Comprueba el contraste texto/fondo según los niveles WCAG AA y AAA.
Generador de Paleta de Colores
Elige un color base, obtén armonías clásicas de rueda de color — complementario, split-complementario, triádico, tetrádico, cuadrado, análogo, monocromático.
Colores Nombrados de CSS
Los 147 colores nombrados CSS / X11 con HEX, RGB y muestra en vivo — buscables y agrupados por matiz.
Paleta de Colores Tailwind
La paleta por defecto completa de Tailwind CSS — 22 matices × 11 sombras, 50 a 950 — click para copiar como clase Tailwind, HEX o rgb().