Simula cómo se ven los colores bajo diferentes tipos de daltonismo
Herramientas CSS
Acerca de esta herramienta
El Simulador de daltonismo le permite seleccionar cualquier color y ver instantáneamente cómo se percibe por personas con protanopía, deuteranopía, tritanopía y acromatopsia. Utiliza matrices de transformación de color científicamente precisas, generando resultados de comparación en paralelo que muestran los valores RGB y HEX de cada simulación.
Características principales
- Simula protanopía, deuteranopía, tritanopía y acromatopsia
- Selector de color y entrada hexadecimal para selección precisa de color
- Cuadrícula de comparación en paralelo con visión normal como referencia
- Colores de ejemplo y generación de color aleatorio para pruebas rápidas
- Muestra los valores RGB y HEX simulados para cada tipo
- Matrices de transformación de color científicamente precisas
Casos de uso
- Probar la accesibilidad de las selecciones de color UI
- Garantizar que las visualizaciones de datos sean legibles para todos los usuarios
- Verificar que los colores de marca sean amigables para daltónicos
- Herramienta educativa para comprender las deficiencias de visión del color
- Revisar las paletas de colores CSS antes del despliegue
color-blindness
accessibility
a11y
simulation
Preguntas frecuentes
¿Qué tipos de daltonismo simula esta herramienta?
La herramienta simula cuatro tipos: protanopía (daltonismo rojo), deuteranopía (daltonismo verde), tritanopía (daltonismo azul) y acromatopsia (daltonismo total). Cada tipo utiliza matrices de transformación de color científicamente validadas.
¿Qué tan precisos son los resultados de simulación?
La simulación utiliza matrices de transformación de color bien establecidas en la investigación de ciencias de la visión. Aunque proporciona una buena aproximación, la experiencia individual del daltonismo varía, por lo que debe considerarse como referencia y no como una representación exacta.
¿Puedo probar múltiples colores a la vez?
La herramienta simula un color a la vez, pero puede cambiar rápidamente entre colores usando el selector de color, la entrada hexadecimal, los botones de color de ejemplo o el botón de color aleatorio. Cada cambio actualiza instantáneamente los cinco paneles de simulación.
¿Mis datos se envían a un servidor?
No. Todas las transformaciones de color y simulaciones se calculan localmente en el navegador mediante JavaScript. No se sube ningún dato al servidor, garantizando que su información sea completamente privada.
¿Cómo puedo usar esto para pruebas de accesibilidad?
Seleccione los colores utilizados en su diseño o aplicación y compruebe si siguen siendo distinguibles en las versiones simuladas. Si los colores se vuelven demasiado similares en algún tipo de simulación, considere ajustar su paleta para garantizar la accesibilidad para todos los usuarios.