Simulador de daltonismo
Color original
Acerca de Deuteranopia (ciego al verde)
Complete absence of green cones. Greens appear beige, and red/green are confused.
Predominio: ~1% of males
Gravedad: severe
Simulaciones de daltonismo
Háganoslo saber
Por favor, comparte tu experiencia.
Herramientas similares
Comprobador de contraste de color
Compruebe el cumplimiento de las WCAG AA/AAA y las relaciones de contraste.
Generador de gradientes
Crea degradados lineales y radiales con salida CSS.
Generador de paletas de colores
Extrae colores de las imágenes y genera paletas.
Generador de marcadores de posición
Generar imágenes de marcador de posición
El error en rojo y el éxito en verde
Un caso clásico: un formulario informa del fallo de validación en rojo y del éxito en verde. Bajo la simulación de deuteranopía, ambos se vuelven tonos terrosos parecidos — y el usuario genuinamente no puede saber si su envío pasó. La solución no es un rojo distinto; es retirar la dependencia del tono: empareja cada estado con un icono y una etiqueta de texto para que el mensaje sobreviva a cualquier visión del color. La simulación es lo que hace visible el problema; las etiquetas son lo que lo resuelve.
Simula los colores con significado, no cada matiz
El alcance práctico importa: prueba los elementos que llevan información — botones, enlaces, badges de estado, series de gráficos, estados de formulario — más que cada matiz decorativo, que puede quedarse si nada depende de él. Dos cosas que el simulador deliberadamente no es: es una aproximación, porque los dicromáticos reales varían entre sí; y no sustituye al chequeo de contraste, que sigue siendo su propio requisito WCAG. La pauta que ata el trabajo: nunca hagas del color el único portador de significado — añade forma, texto o patrón como redundancia.
Acerca de Simulador de daltonismo
El daltonismo rojo-verde es la forma más común — la deuteranopía sola afecta a cerca del 8 % de los hombres y el 0,5 % de las mujeres — y aun así las interfaces siguen codificando significado exactamente en esa pareja: errores en rojo, éxitos en verde, series de gráficos rojo-verde. Diseñadores de producto, constructores de paneles, marketers de correo y profesores que preparan diapositivas ganan todos al ver su paleta a través de visión dicromática simulada antes de publicarla — porque lo que se lee como claramente distinto para un tricromático a menudo no sobrevive a la simulación.
Cómo usar
Paso 1
Introduzca un código de color HEX o utilice el selector de color para seleccionar un color.
Paso 2
Vea cómo se ve el color con 9 tipos diferentes de daltonismo.
Paso 3
Haz clic en cualquier simulación para ver información detallada sobre ese tipo.
Paso 4
Utilice la opción "Color aleatorio" para probar diferentes colores rápidamente.
Paso 5
Compara el color original con las versiones simuladas una al lado de la otra.
Paso 6
Utilice esta herramienta para garantizar que sus diseños sean accesibles para todos los usuarios.
Características y beneficios
- ✅Simular 9 tipos de deficiencia de visión del color
- ✅Protanopia (ceguera al rojo) y Protanomalía (debilidad para ver el rojo)
- ✅Deuteranopia (ceguera al verde) y deuteranomalía (debilidad en la visión del verde)
- ✅Tritanopía (ceguera al azul) y Tritanomalía (debilidad en la visión del azul)
- ✅Acromatopsia (ceguera total al color)
- ✅Acromatomalia (monocromatismo de conos azules)
- ✅Simulación de color en tiempo real con algoritmos precisos.
- ✅Información detallada sobre cada tipo, incluida la prevalencia.
- ✅Indicadores de gravedad (leve, moderado, grave)
- ✅Selector visual de color para una fácil selección de color.
- ✅Generador de color aleatorio para pruebas
- ✅100% basado en navegador - sin carga al servidor
- ✅100% gratis - sin marcas de agua, sin necesidad de registrarse
Preguntas frecuentes
¿Qué tipos de daltonismo se simulan?
Nuestro simulador abarca todos los tipos principales: protanopia (ceguera al rojo), protanomalía (debilidad para el rojo), deuteranopia (ceguera al verde), deuteranomalía (debilidad para el verde), tritanopia (ceguera al azul), tritanomalía (debilidad para el azul), acromatopsia (ceguera cromática total) y acromatomalia (monocromatismo de conos azules).
¿Qué tan precisas son estas simulaciones?
Nuestras simulaciones utilizan el algoritmo de Brettel, Viénot y Mollon, ampliamente aceptado en la comunidad científica para simular deficiencias en la visión del color. Si bien ninguna simulación es perfecta, esta proporciona una aproximación muy cercana a cómo perciben los colores las personas con daltonismo.
¿Cuál es el tipo más común de daltonismo?
La deuteranomalía (sensibilidad reducida a la luz verde) es la más común y afecta a aproximadamente el 5 % de los varones y al 0,4 % de las mujeres. Se trata de una sensibilidad reducida a la luz verde, lo que dificulta distinguir entre el rojo, el verde y el amarillo.
¿Por qué el daltonismo es más común en los hombres?
El daltonismo rojo-verde (protanopia, protanomalía, deuteranopia, deuteranomalía) es una enfermedad ligada al cromosoma X, lo que significa que los genes se encuentran en dicho cromosoma. Los hombres tienen un solo cromosoma X, por lo que un único gen defectuoso causa daltonismo. Las mujeres tienen dos cromosomas X, por lo que necesitan genes defectuosos en ambos para verse afectadas.
¿Cómo puedo hacer que mis diseños sean accesibles?
Utiliza esta herramienta para probar tus combinaciones de colores. Asegúrate de que haya suficiente contraste entre los colores, no te bases únicamente en el color para transmitir información, usa patrones o etiquetas junto con los colores y realiza pruebas con diferentes tipos de daltonismo. Busca diseños que funcionen bien en todas las simulaciones.
¿Cuál es la diferencia entre -opia y -omaly?
-opia (al igual que protanopia) significa ausencia total de ese tipo de cono, lo que resulta en daltonismo severo. -omalia (al igual que protanomalía) significa sensibilidad reducida de ese tipo de cono, lo que resulta en daltonismo más leve.
¿Pueden las personas daltónicas ver algún color?
La mayoría de las personas daltónicas pueden ver los colores, aunque de forma diferente. El daltonismo rojo-verde (el más común) afecta la percepción del rojo y el verde. Solo la acromatopsia (muy rara, afecta a aproximadamente el 0,003 % de la población) provoca daltonismo total, donde las personas solo ven en escala de grises.
¿Debería probar todos los colores de mi diseño?
Céntrate en probar colores que transmitan información importante, como botones, enlaces, indicadores de estado, tablas y gráficos. Si los colores se ven demasiado parecidos en alguna simulación, considera añadir patrones, iconos o etiquetas de texto.
¿Esta herramienta es útil para la accesibilidad web?
¡Sí! Esta herramienta te ayuda a cumplir con las Pautas de Accesibilidad para el Contenido Web (WCAG) al garantizar que tus elecciones de color sean distinguibles para personas con deficiencias en la visión del color. Combínala con comprobadores de contraste para lograr una accesibilidad cromática completa.