Color Blindness Simulator

Acerca de esta herramienta

El Simulador de Daltonismo aplica filtros de matriz de color CSS a un conjunto de colores de muestra para mostrar cómo aparecen los diseños a personas con distintos tipos de deficiencia visual del color.

Úsalo al diseñar componentes UI, gráficos, mapas u otro contenido visual que depende del color para transmitir información.

Tipos de daltonismo

• Visión normal: Visión normal: percepción completa del color
• Protanopia (ciego al rojo): Protanopia: ausencia de conos rojos (~1% de hombres)
• Deuteranopia (ciego al verde): Deuteranopia: ausencia de conos verdes (más común, ~1% hombres)
• Tritanopia (ciego al azul): Tritanopia: ausencia de conos azules (rara, ~0,003%)
• Acromatopsia (sin color): Acromatopsia: sin percepción de color, solo escala de grises (muy rara)
• Acromatopsía parcial (color reducido): Acromatopsía parcial: sensibilidad reducida al color en múltiples tipos de conos

Cómo usar

1. Selecciona un tipo de simulación en el menú desplegable.
2. Observa cómo cambian las muestras de color y el espectro con el filtro aplicado.
3. Compara con la visión normal para identificar combinaciones de color problemáticas.

Casos de uso

Los diseñadores UI/UX verifican que los estados de botones y los indicadores de estado sean distinguibles. Los creadores de visualización de datos garantizan que los colores sean accesibles.

Preguntas frecuentes

• ¿Qué tan precisas son estas simulaciones? — Usan transformaciones de matriz de color establecidas y son buenas aproximaciones. Puede no replicar perfectamente la percepción individual, pero orientan a los diseñadores de forma fiable.
• ¿Qué porcentaje de personas tiene daltonismo? — Aproximadamente el 8% de los hombres y el 0,5% de las mujeres tienen alguna forma de deficiencia visual del color.
• ¿Cuál es la mejor forma de diseñar para el daltonismo? — Combina el color con otras señales visuales como forma, patrón, etiqueta o textura. Asegura suficiente contraste y prueba con varios tipos de simulación.