Simulador de daltonismo: así ven las personas daltónicas tus colores
Con el simulador de daltonismo gratuito puedes ver tu paleta de colores y tus imágenes tal como las perciben las personas con protanopía (ceguera al rojo), deuteranopía (ceguera al verde), deuteranomalía (percepción reducida del verde), tritanopía (ceguera al azul) o acromatopsia: las cinco variantes una junto a otra. Sin registro: los colores y las imágenes se procesan solo en tu navegador y nunca se suben.
Creado por Justin Schuessler
¿Ya comprobaste la accesibilidad del diseño? Publica tu sitio con un alojamiento web rápido y fiable.
Editar color
Se calcula al instante en todas las variantes simuladas de abajo. Selecciona un color de tu paleta para editarlo aquí.
Tu paleta de colores
Haz clic en un color para editarlo arriba, en el selector. Usa el signo más para añadir colores y ver toda tu paleta a la vez en cada variante simulada.
Vista previa simulada
¿Quieres comprobar también si tu paleta tiene suficiente contraste? Comprueba también el contraste de la paleta que acabas de simular
Continuar con el color seleccionado: Abrir en el selector de colores · Generar combinación de colores
Se ejecuta íntegramente en tu navegador: nada se envía a un servidor, se guarda ni se registra.
Funciones
Simula el daltonismo online: comprueba colores e imágenes
Además de tus propias imágenes, aquí puedes comprobar toda una paleta de colores mediante valores hexadecimales o RGB. Resulta útil para diseño web, colores de marca y gráficos.
Cinco tipos de daltonismo uno junto a otro
Junto al original, el simulador muestra cada color simultáneamente con protanopía, deuteranopía, tritanopía, acromatopsia y deuteranomalía. Así puedes ver de un vistazo cuándo dos colores se confunden.
Comprueba toda la paleta de colores a la vez
Añade tantos colores como quieras con el botón «+», por ejemplo, toda la paleta de tu marca. Debajo de cada color aparece su valor hexadecimal, y cada variante simulada muestra la paleta completa.
Selector de color, valor hexadecimal o RGB
Elige colores en el selector con el control de tono, introduce un valor hexadecimal o RGB, o genera uno nuevo con «Color aleatorio».
Simular imágenes propias
Si quieres, sube un PNG o JPG de hasta 15 MB, como una captura de pantalla, un logotipo o un gráfico. Las imágenes grandes se reducen para la vista previa a 1.600 px en su lado más largo. Puedes ampliar cualquier vista previa con un clic.
Modelo de simulación científica
La simulación se basa en el modelo de Machado, Oliveira & Fernandes (2009) y realiza los cálculos en el espacio de color RGB lineal. Las muestras de color y los píxeles de la imagen se procesan con el mismo cálculo.
Todo permanece en tu navegador
Los colores y las imágenes se procesan directamente en tu navegador. Nada se envía a un servidor, se almacena ni se registra, y no necesitas una cuenta.
Tipos de daltonismo
¿Cómo ven los colores las personas daltónicas? Los cinco tipos simulados
La mayoría de las personas daltónicas sí ven colores, pero confunden ciertos tonos. Cuáles son depende del tipo de deficiencia de la visión cromática.
| Forma | Así se ven los colores | Simulación en la herramienta |
|---|---|---|
| Protanopía (ceguera al rojo) | El rojo y el verde apenas se distinguen; los tonos rojos parecen más oscuros y se desplazan hacia tonos oliva, marrones y amarillos. | Manifestación completa (grado de intensidad 1,0) |
| Deuteranopía (ceguera al verde) | El rojo y el verde se confunden y aparecen como tonos amarillos, marrones y oliva similares. | Manifestación completa (grado de intensidad 1,0) |
| Tritanopía (ceguera al azul) | Es difícil distinguir entre el azul y el verde, así como entre el amarillo y el violeta. El amarillo parece rosa pálido o gris claro. En cambio, el rojo y el verde siguen siendo fáciles de reconocer. | Manifestación completa (grado de intensidad 1,0) |
| Acromatopsia (ceguera total al color) | Prácticamente no se perciben colores, solo diferencias de luminosidad, como en una imagen en escala de grises. | Luminancia relativa (escala de grises) |
| Deuteranomalía (percepción reducida del verde) | Forma leve de deuteranopía y la alteración de la visión cromática más frecuente: los tonos rojos y verdes se vuelven más difíciles de distinguir. | Manifestación leve (gravedad 0,6) |
Pruébalo: introduce #FF0000 en el simulador, añade un segundo color con el botón «+» y asígnale #00FF00. En las tarjetas de protanopía y deuteranopía verás enseguida que ambos colores se convierten en tonos amarillos y oliva, y que casi solo se distinguen por su luminosidad.
Cómo funciona
Simula el daltonismo en 6 pasos
Desde el primer color hasta la comparación de las cinco variantes, con tu paleta y, si quieres, una imagen propia.
Paso 1
Elegir color
En «Editar color», elige un color en el selector con el control de tono, introduce un valor hexadecimal o RGB, o haz clic en «Color aleatorio».
Paso 2
Crear una paleta de colores
Añade más colores con el botón «+» bajo «Tu paleta de colores». Haz clic en un color para cargarlo en el selector y editarlo; para eliminarlo, usa el icono de la papelera.
Paso 3
Subir una imagen (opcional)
Arrastra un PNG o JPG de hasta 15 MB al campo «Subir imagen propia» o haz clic en él para seleccionar un archivo. La imagen permanece en tu navegador.
Paso 4
Comparar variantes
En «Vista previa simulada», compara el original con las variantes de protanopía, deuteranopía, tritanopía, acromatopsia y deuteranomalía, y fíjate en qué colores se vuelven demasiado parecidos.
Paso 5
Ampliar imagen
Haz clic en una vista previa para ampliarla y examinar los detalles.
Paso 6
Seguir trabajando con el color
Usa los enlaces bajo la vista previa para abrir el color seleccionado en el Color Picker o en el generador de combinaciones de colores, o comprueba su contraste en el Contrast Checker.
Colores accesibles
¿Por qué tener en cuenta las deficiencias de visión cromática en el diseño?
Las deficiencias de la visión cromática rojo-verde afectan aproximadamente al 8 % de los hombres y al 0,5 % de las mujeres (sobre todo de ascendencia europea), lo que supone unos 300 millones de personas en todo el mundo. Si transmites información importante únicamente mediante un color, como rojo para «error» y verde para «éxito» sin añadir un símbolo o texto, excluyes sin querer a una parte considerable de tus usuarios.
Por eso, las WCAG exigen que el color nunca sea el único medio para distinguir elementos (criterio de conformidad 1.4.1). Combina los colores con iconos, patrones o etiquetas y comprueba en el simulador qué colores de tu paleta se vuelven demasiado parecidos con una deficiencia de la visión cromática. Después, comprueba en el Contrast Checker si el texto y el fondo tienen suficiente contraste. Ir al Contrast Checker
Descubrir más
Más herramientas de color
Comprueba el contraste, ajusta colores, genera una combinación de colores o extrae colores de una imagen. Todo gratis y en tu navegador.
Comprobador de contraste
Calcula en tiempo real la relación de contraste WCAG entre dos colores y comprueba los niveles AA/AAA y los componentes de la interfaz, directamente en el navegador.
Creado por Justin Schuessler
Selector de color
Convierte colores al instante entre HEX, RGB, HSL, HSV y CMYK, encuentra el color CSS con nombre más cercano y comprueba el contraste WCAG frente al blanco y el negro, todo en tu navegador.
Creado por Justin Schuessler
Generador de esquemas de colores
Genera en directo esquemas de colores complementarios, análogos, triádicos y más a partir de un color base. No se guarda ni se transmite nada.
Creado por Justin Schuessler
Selector de color de una imagen
Obtén el código de color de una imagen: cuentagotas con lupa, HEX, RGB y HSL, paleta de la imagen e indicación de contraste. La imagen permanece en el navegador.
Creado por Dimitri Heissler
FAQ
Preguntas frecuentes sobre el simulador de daltonismo
Respuestas breves sobre las deficiencias de la visión cromática, los colores accesibles y esta herramienta.
La mayoría de las personas daltónicas ven colores, pero confunden ciertos tonos. Con protanopía y deuteranopía, el rojo y el verde se convierten en tonos amarillos, marrones y oliva similares; con tritanopía, es difícil distinguir entre el azul y el verde, así como entre el amarillo y el violeta. Solo con acromatopsia desaparecen todos los colores y quedan únicamente diferencias de luminosidad, como en una imagen en escala de grises. En el simulador puedes verlo directamente con tus propios colores.
Cinco tipos junto al original: protanopía (ceguera al rojo), deuteranopía (ceguera al verde), deuteranomalía (percepción reducida del verde), tritanopía (ceguera al azul) y acromatopsia (ceguera total al color). Los cinco se muestran simultáneamente, uno junto a otro, para cada color de tu paleta y para las imágenes que subas.
Las más frecuentes son las deficiencias rojo-verde, especialmente la deuteranomalía, una percepción reducida del verde. Afectan aproximadamente al 8 % de los hombres y al 0,5 % de las mujeres (cifras para personas de ascendencia europea), lo que supone unos 300 millones de personas en todo el mundo. Las mujeres también pueden ser daltónicas, aunque es mucho menos frecuente.
No. El simulador muestra cómo perciben los colores las personas con una deficiencia de la visión cromática; no es una prueba de visión ni ofrece un diagnóstico. Si quieres comprobar tu propia visión cromática, acude a un oftalmólogo o a una óptica, donde pueden utilizar, por ejemplo, las láminas de Ishihara.
El simulador de daltonismo es gratuito y no requiere registro. Las imágenes no se suben: la herramienta lee el archivo directamente en tu navegador y calcula las variantes mediante Canvas, sin transmitirlo a un servidor, almacenarlo ni registrar su uso. Admite PNG y JPG de hasta 15 MB; para la vista previa, las imágenes se reducen a un máximo de 1.600 px en su lado más largo. Al cerrar la pestaña, la imagen desaparece.
Sí. Añade tantos colores como quieras con el botón «+» y velos todos a la vez en cada una de las cinco variantes simuladas. Haz clic en un color para cargarlo en el selector y editarlo; para eliminarlo, usa el icono de la papelera. Así podrás detectar si dos colores de tu paleta, como los de tu marca, se vuelven demasiado parecidos con una deficiencia de la visión cromática.
La simulación se basa en el modelo fisiológico de Machado, Oliveira & Fernandes (2009), con las matrices publicadas por sus autores. Los cálculos se realizan en el espacio de color RGB lineal tras la conversión desde sRGB. La protanopía, la deuteranopía y la tritanopía se simulan en su manifestación completa (grado de intensidad 1,0); la deuteranomalía, con un grado de intensidad de 0,6; y la acromatopsia, mediante la luminancia relativa. La intensidad de una deficiencia de la visión cromática varía de una persona a otra, por lo que la simulación muestra una percepción típica.
Las combinaciones más problemáticas son el rojo y el verde, pero también el verde y el marrón o el azul y el violeta, cuando el color es el único medio para distinguirlos. En lugar de eliminar los colores, acompáñalos de texto, iconos o patrones y comprueba tu paleta en el simulador. Si dos colores parecen casi iguales en alguna variante, ajusta su luminosidad o tono. Después, comprueba el contraste entre el texto y el fondo en el Contrast Checker.
¿Tienes más preguntas?
Contactar con soporteTu proyecto frontend necesita un servidor fiable detrás
Un VPS de ZAP-Hosting pone tu aplicación o proyecto en línea de forma fiable.
Sin configuración. Sin riesgos. En línea en segundos.
¿Buscas más herramientas? Ver todas las herramientas de imagen y diseño
