1001Ferramentas
👁️ Utilitários

Simulador de Daltonismo

Veja como uma imagem aparece para pessoas com protanopia, deuteranopia, tritanopia ou acromatopsia. Ferramenta de acessibilidade para designers e desenvolvedores.

👁️

Clique ou arraste uma imagem aqui

PNG, JPEG, WebP

Tipo de daltonismo:

Tipos de daltonismo

  • Protanopia — dificuldade em perceber a cor vermelha (~1% dos homens)
  • Deuteranopia — dificuldade em perceber a cor verde (tipo mais comum, ~5% dos homens)
  • Tritanopia — dificuldade em perceber a cor azul (raro, ~0,01%)
  • Acromatopsia — ausência total de percepção de cores (enxerga em escala de cinza)

Conferir a cor antes de publicar

O painel usa bolinha verde para tudo certo e vermelha para erro, o gráfico tem duas linhas de tons parecidos e a mensagem de falha é vermelha sobre cinza. Para cerca de um em cada doze homens, boa parte disso vira a mesma cor. Arraste um print ou um arquivo de imagem para a área acima e compare original e simulação lado a lado, com opção de baixar o resultado em PNG para anexar no card ou no pull request.

Cada pixel passa por uma matriz 3x3 sobre os canais RGB, no espírito dos modelos de Brettel e Machado. Dois pontos que quase ninguém conta: a simulação representa dicromacia, a ausência completa de um tipo de cone, que é a ponta severa do espectro, enquanto os casos mais comuns são anômalos e mais suaves; e a matriz é aplicada direto no sRGB com gama, não em luz linear. Leia o resultado como aproximação, não como medição.

Use para caçar informação que existe só na cor: onde duas áreas se fundem, acrescente rótulo, ícone, tracejado ou diferença de luminosidade. O modo acromatopsia funciona bem como teste de tons de cinza, e é o mais rápido para achar contraste fraco. Ele não mede razão de contraste nem tamanho de fonte, então não substitui a checagem WCAG. A imagem é lida e desenhada no próprio navegador, sem upload; a prévia é limitada a 600 px de largura.

Perguntas frequentes

A imagem é enviada para algum servidor?
Não. O arquivo é lido pelo navegador e processado no canvas da própria página. Nada sai da sua máquina, nem o download da simulação.
Isso serve como teste de daltonismo, tipo Ishihara?
Não. É uma simulação para design e acessibilidade, não um exame. Diagnóstico é assunto de oftalmologista.
Se eu só puder testar um tipo, qual escolho?
Deuteranopia. É o caso mais comum e o que mais expõe combinações de verde e vermelho, que é onde a maioria dos painéis e gráficos falha.

Ferramentas Relacionadas