Simulador de daltonismo

Ve cómo se ven los colores y las imágenes con protanopía, deuteranopía, tritanopía y más
  • Los archivos no salen de tu dispositivo
  • Se ejecuta en el navegador
  • Gratis, sin registro ni marca de agua

Normal vision

Your original colors

Deuteranomaly

Weak green cones · about 5% of men, the most common

Deuteranopia

No green cones · about 1% of men

Protanomaly

Weak red cones · about 1% of men

Protanopia

No red cones · about 1% of men

Tritanomaly

Weak blue cones · rare

Tritanopia

No blue cones · very rare

Achromatopsia

No color vision at all · very rare

7 pairs of colors become hard to tell apart

  • #e53935 and #43a047 under Deuteranopia (ΔE 5.2)
  • #43a047 and #fb8c00 under Protanopia (ΔE 6.4)
  • #43a047 and #1e88e5 under Tritanopia (ΔE 6.5)
  • #e53935 and #43a047 under Achromatopsia (ΔE 6.7)
  • #e53935 and #1e88e5 under Achromatopsia (ΔE 3.8)
  • #43a047 and #1e88e5 under Achromatopsia (ΔE 2.9)
  • #43a047 and #fb8c00 under Achromatopsia (ΔE 8.5)

Flagged when two colors that differ normally fall below ΔE2000 10 in a simulation. Add labels, patterns or a lightness difference to these pairs.

Cómo usar Simulador de daltonismo

Ve cómo se ve una paleta o una imagen con ocho tipos de visión del color, desde la deuteranomalía, la más común, hasta la acromatopsia. En las paletas lista cada par de colores que se vuelve difícil de distinguir, para que puedas corregir gráficos e interfaces a tiempo.

  1. 1

    En Comprobar, elige Paleta o Imagen.

  2. 2

    Para una paleta, pega colores en Colores, uno por línea o separados por comas (HEX, rgb(), hsl(), oklch() o nombres); para una imagen, suelta un archivo JPG, PNG, WebP, GIF, HEIC o AVIF.

  3. 3

    Define la Gravedad de la anomalía para controlar qué tan fuertes son los tipos de cono débil (-anomalía).

  4. 4

    Compara las filas o imágenes simuladas; los pares marcados con un icono de aviso se listan abajo con su ΔE.

  5. 5

    Haz clic en una muestra para copiar su HEX, o descarga cualquier imagen simulada como PNG.

Preguntas frecuentes

¿Qué tan precisas son las simulaciones?

Usan Machado et al. 2009 para las deficiencias rojo–verde y Brettel et al. 1997 para las azul–amarillo, calculadas en RGB lineal. Modelan una visión típica; cada persona puede ver de otra manera.

¿Cómo decide que dos colores son difíciles de distinguir?

Un par se marca cuando dos colores que normalmente se diferencian quedan por debajo de ΔE2000 10 en una simulación. Añade etiquetas, patrones o una diferencia clara de luminosidad a esos pares.

¿Qué cambia la Gravedad de la anomalía?

Solo se aplica a los tipos -anomalía y define cuánto se desplaza el cono afectado; 100 % equivale al tipo -opía correspondiente.

¿Mi imagen se sube?

No. La simulación se ejecuta en tu navegador. Las vistas previas se dibujan hasta 900 px, y las descargas se hacen a la resolución completa de la imagen.

¿Puedo pegar colores directamente desde CSS?

Sí. Los códigos HEX y las funciones de color CSS se extraen de cualquier texto, y los nombres de color funcionan cuando van separados por comas o por líneas. Lo que no puede leer se lista como omitido.