Simulador de Daltonismo

Gratuito Imagens

Simulador de Daltonismo

Veja como pessoas daltônicas enxergam suas imagens. Simule Deuteranopia, Protanopia, Tritanopia e Acromasia com um clique. Ferramenta essencial para designers preocupados com acessibilidade — 100% local, sem upload para servidores.

5.3k usuarios Atualizado em Mar 2026 4.8/5
Avalie esta ferramenta:
4.8 (847 votos) Obrigado!
Simular Visão com Daltonismo

Carregue uma imagem para simular

PNG, JPG, WebP — processado localmente no seu navegador

Como Usar

Simule daltonismo em qualquer imagem em segundos.

1
Carregue a imagem
Clique na área ou arraste um arquivo PNG, JPG ou WebP.
2
Veja as simulações
A ferramenta gera automaticamente 5 versões com diferentes tipos de daltonismo.
3
Compare e analise
Identifique problemas de contraste e acessibilidade no seu design.
4
Baixe as versões
Exporte cada simulação como PNG para apresentações e relatórios.

Sobre o Simulador de Daltonismo

Esta ferramenta usa matrizes de transformação de cor baseadas no modelo fisiológico de Machado et al. (2009) para simular os principais tipos de daltonismo. Todo processamento ocorre no seu navegador — nenhuma imagem é enviada a servidores.

Tipos simulados:

  • Deuteranopia: deficiência no cone M (verde). Tipo mais comum, afeta ~6% dos homens.
  • Protanopia: ausência do cone L (vermelho). Afeta ~1% dos homens.
  • Tritanopia: deficiência no cone S (azul). Rara, ~0,01% da população.
  • Acromasia: visão completamente em preto e branco. Extremamente rara.

Daltonismo e Design: Como Criar Interfaces Acessíveis para Todos

Neste artigo
  1. O que é daltonismo
  2. Tipos e prevalência
  3. Impacto no design digital
  4. Boas práticas de acessibilidade de cores

1. O Que É Daltonismo

Daltonismo é um conjunto de condições que afetam a percepção de cores por causa de diferenças nos fotorreceptores do olho humano. Os cones — células responsáveis pela visão colorida — existem em três tipos (L, M e S), e a ausência ou deficiência funcional de um ou mais deles resulta em diferentes formas de deficiência na percepção de cores.

Globalmente, estima-se que cerca de 8% dos homens e 0,5% das mulheres possuam algum grau de daltonismo. Em um produto digital com milhões de usuários, isso representa um público significativo que pode ser prejudicado por escolhas inadequadas de cor.

2. Tipos e Prevalência

Os principais tipos de daltonismo são classificados de acordo com qual cone está ausente ou com funcionamento reduzido:

  • Deuteranopia e Deuteranomalia: deficiência no cone M (sensível ao verde). É a forma mais comum, responsável por confusão entre vermelho e verde.
  • Protanopia e Protanomalia: ausência ou disfunção do cone L (sensível ao vermelho). O vermelho aparece muito escuro ou acinzentado.
  • Tritanopia e Tritanomalia: deficiência no cone S (sensível ao azul). Causa confusão entre azul e amarelo. É a forma mais rara entre as dicrômacias.
  • Acromasia (acromatopsia): ausência total de visão colorida. A pessoa enxerga apenas em escala de cinza. Extremamente rara, afeta cerca de 1 em cada 30.000 pessoas.
"Projetar sem considerar daltonismo é excluir silenciosamente uma parcela expressiva da sua audiência — especialmente quando a distinção de informações depende exclusivamente de cor."

3. Impacto no Design Digital

Interfaces mal projetadas para pessoas com daltonismo criam barreiras reais de usabilidade. Entre os problemas mais frequentes estão gráficos de pizza e barras onde as fatias se confundem, formulários que usam apenas vermelho/verde para indicar erro/sucesso, mapas de calor onde as gradações de cor são indistinguíveis e botões cujo estado (ativo/inativo) é comunicado apenas por cor.

O impacto não é apenas de usabilidade — em contextos críticos como sistemas financeiros, médicos ou de segurança, a falha em comunicar informações de forma acessível pode ter consequências sérias.

4. Boas Práticas de Acessibilidade de Cores

Para criar designs acessíveis a daltônicos, adote estas práticas:

  • Nunca dependa somente de cor para transmitir informação — combine com ícones, padrões ou texto.
  • Garanta contraste suficiente: use a ferramenta Matriz de Contraste para verificar pares WCAG AA (4.5:1) e AAA (7:1).
  • Prefira paletas projetadas para acessibilidade, como Okabe-Ito, ColorBrewer ou as paletas da Material Design com alto contraste.
  • Teste seus designs com este simulador antes de publicar — especialmente gráficos, mapas e formulários.
  • Adicione rótulos textuais e tooltips em elementos interativos coloridos.