Simulador de daltonismo

Veja como cores e imagens aparecem com protanopia, deuteranopia, tritanopia e mais
  • Os arquivos não saem do seu dispositivo
  • Roda no navegador
  • Grátis, sem cadastro, sem marca d’água

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.

Como usar Simulador de daltonismo

Veja como uma paleta ou uma imagem fica com oito tipos de visão de cores, da deuteranomalia, a mais comum, à acromatopsia. Para paletas, ela lista cada par de cores que fica difícil de distinguir, para você corrigir gráficos e interfaces cedo.

  1. 1

    Em Verificar, escolha Paleta ou Imagem.

  2. 2

    Para uma paleta, cole cores em Cores, uma por linha ou separadas por vírgula (HEX, rgb(), hsl(), oklch() ou nomes); para uma imagem, solte um arquivo JPG, PNG, WebP, GIF, HEIC ou AVIF.

  3. 3

    Defina a Gravidade da anomalia para controlar a intensidade dos tipos de cone fraco (-anomalia).

  4. 4

    Compare as linhas ou imagens simuladas; pares marcados com um ícone de aviso são listados abaixo com o ΔE.

  5. 5

    Clique em uma amostra para copiar o HEX, ou baixe qualquer imagem simulada como PNG.

Perguntas frequentes

Quão precisas são as simulações?

Elas usam Machado et al. 2009 para deficiências vermelho–verde e Brettel et al. 1997 para azul–amarelo, calculadas em RGB linear. Esses modelos descrevem a visão típica; cada pessoa pode ver de outro jeito.

Como ela decide que duas cores são difíceis de distinguir?

Um par é marcado quando duas cores que normalmente diferem ficam abaixo de ΔE2000 10 em uma simulação. Acrescente rótulos, padrões ou uma diferença clara de luminosidade a esses pares.

O que Gravidade da anomalia muda?

Ela vale só para os tipos -anomalia e define o quanto o cone afetado é deslocado; 100% equivale ao tipo -opia correspondente.

Minha imagem é enviada?

Não. A simulação roda no seu navegador. As prévias são desenhadas em até 900 px, e os downloads são feitos na resolução completa da imagem.

Posso colar cores direto do CSS?

Sim. Códigos HEX e funções de cor do CSS são extraídos de qualquer texto, e nomes de cor funcionam quando separados por vírgulas ou linhas. O que ela não consegue ler é listado como ignorado.