Ferramenta privada de acessibilidade visual

Simulador de daltonismo para imagens e interfaces

Use o simulador de daltonismo para comparar uma ilustração, interface, gráfico ou captura com visualizações de protanopia, deuteranopia e tritanopia. A imagem permanece no navegador, as quatro vistas mantêm o mesmo enquadramento e a exportação registra a intensidade escolhida.

Atualizado em 26 de julho de 2026

simulador de daltonismo

O que este simulador de daltonismo mostra?

O simulador de daltonismo aplica aos pixels de uma imagem local três matrizes publicadas para deficiências da visão de cores. Ele mostra o original ao lado de aproximações de protanopia, deuteranopia e tritanopia, com mistura entre 0% da cor original e 100% do resultado da matriz. O simulador de daltonismo ajuda a revelar distinções que dependem apenas da tonalidade. Ele não reproduz a percepção de uma pessoa, não diagnostica visão de cores e não certifica acessibilidade.

simulador de daltonismo

Uma pergunta visual, quatro respostas alinhadas

O simulador de daltonismo mantém recorte, tamanho e pixels de origem em todas as vistas para que a comparação trate da cor, não de uma composição diferente.

  • Comparar detalhes sem mudar a composição

    Cada vista do simulador de daltonismo usa o mesmo Canvas de origem. Traços do personagem, marcas do gráfico, rótulos, controles e fundos ficam na mesma posição, facilitando a localização de uma distinção enfraquecida.

  • Manter a arte privada no navegador

    O simulador de daltonismo decodifica PNG, JPEG e WebP com APIs do navegador. Esta ferramenta não possui endpoint de envio de imagem, biblioteca na nuvem, conta nem etapa de processamento no servidor.

  • Exportar uma evidência de revisão

    O simulador de daltonismo cria um PNG identificado com o original e três vistas simuladas. A equipe pode anexar o material à revisão de acessibilidade e manter o arquivo original separado.

Comparação local no navegador

Usar o simulador de daltonismo

Carregue um PNG, JPEG ou WebP de até 12 MB. O simulador de daltonismo cria quatro Canvas alinhados sem enviar a imagem.

Processamento local
Solte uma imagem aqui

PNG, JPEG ou WebP · até 12 MB · colar também funciona

0% preserva os pixels originais; 100% mostra a matriz completa. É uma mistura visual, não uma escala clínica.

Arte de exemplo do Toon ToneAs quatro vistas alinhadas estão prontas.

OriginalImagem de origem sem modificação
Preparando a imagem…Imagem de origem sem modificação
ProtanopiaVista com matriz completa de dicromacia protan
Preparando a imagem…Vista com matriz completa de dicromacia protan
DeuteranopiaVista com matriz completa de dicromacia deutan
Preparando a imagem…Vista com matriz completa de dicromacia deutan
TritanopiaVista com matriz completa de dicromacia tritan
Preparando a imagem…Vista com matriz completa de dicromacia tritan

simulador de daltonismo

Usar a visualização em uma revisão de design

Um simulador de daltonismo é mais útil quando leva a uma inspeção específica e a uma mudança verificável, não apenas à impressão vaga de que a paleta ficou diferente.

1. Carregar o estado real

Envie a tela, o gráfico, a ilustração ou a pose exata que as pessoas verão. Um simulador de daltonismo aplicado a uma amostra isolada não mostra um rótulo, borda, foco ou marca sobreposta que desaparece apenas no contexto.

2. Comparar os três modelos

Examine as vistas de protanopia, deuteranopia e tritanopia procurando pares difíceis de separar. Use o simulador de daltonismo em 100% para o resultado completo e reduza a mistura para observar quando a diferença começa a enfraquecer.

3. Adicionar uma pista além da cor

Quando o simulador de daltonismo revelar uma distinção baseada só na tonalidade, acrescente texto, ícone, padrão, contorno, forma ou posição. O critério de uso da cor do W3C busca preservar o significado, não tornar iguais todas as imagens simuladas.

4. Testar a interface implementada

Exporte o estado corrigido, execute novamente o simulador de daltonismo e combine a revisão com o verificador de contraste. Simulação, contraste, teclado, rótulos e testes com pessoas respondem a perguntas diferentes.

simulador de daltonismo

O que cada visualização representa

O simulador de daltonismo usa as três matrizes de dicromacia completa do modelo de Machado, Oliveira e Fernandes. Os nomes vermelho-verde e azul-amarelo são abreviações úteis, não uma descrição completa da percepção individual.

Vistas do simulador de daltonismo, foco do modelo e pergunta de revisão
VistaFoco do modeloNome comumPergunta de revisão
OriginalPixels sRGB sem alteraçãoVista de referênciaQuais distinções transmitem significado antes da simulação?
ProtanopiaMatriz completa de dicromacia protanFamília vermelho-verdeAlertas ou detalhes vermelhos se misturam a cores próximas?
DeuteranopiaMatriz completa de dicromacia deutanFamília vermelho-verdeEstados verdes, séries ou traços continuam distintos?
TritanopiaMatriz completa de dicromacia tritanFamília azul-amareloCanais azuis e amarelos ainda se distinguem sem rótulos?

simulador de daltonismo

Verificação repetível em cinco etapas

Siga a mesma sequência do simulador de daltonismo antes de aprovar uma nova paleta, ilustração, gráfico ou estado.

  1. 01

    simulador de daltonismo: Capture o estado real com rótulos, legendas, indicadores de foco e fundos visíveis.

  2. 02

    simulador de daltonismo: Revise protanopia, deuteranopia e tritanopia em 100% e no menor tamanho planejado.

  3. 03

    simulador de daltonismo: Encontre toda distinção significativa baseada só em cor e adicione texto, forma, padrão, ícone ou posição.

  4. 04

    simulador de daltonismo: Meça pares essenciais de primeiro plano e fundo com o verificador de contraste, sem inferir contraste da simulação.

  5. 05

    simulador de daltonismo: Exporte o PNG com quatro vistas, registre a decisão alterada e repita o teste após a implementação.

simulador de daltonismo

O que as fontes sustentam — e o que não sustentam

O simulador de daltonismo usa pesquisa primária nas matrizes e fontes oficiais no fluxo. Os números descrevem populações, padrões e alcance do modelo, não a experiência exata de uma pessoa.

  • O National Eye Institute dos Estados Unidos informa que cerca de 1 em cada 12 homens tem deficiência da visão de cores; essa orientação pública foi verificada em 26 de julho de 2026. National Eye Institute dos EUA: daltonismo
  • O guia da Adobe, atualizado em 16 de maio de 2021, estima prevalência global de 3–8% e cita cerca de 1 em cada 200 mulheres em seu exemplo de população caucasiana. Adobe: ferramentas de acessibilidade de cores
  • Machado, Oliveira e Fernandes publicaram o modelo fisiológico em 2009; o simulador de daltonismo usa as três matrizes completas de protanopia, deuteranopia e tritanopia. Artigo corrigido de Machado et al. (2009)
  • O Critério de Sucesso 1.4.1 da WCAG 2.2 é Nível A e exige que a cor não seja o único meio visual de informar; uma simulação revela risco, mas não decide conformidade sozinha. W3C: Entendendo o Critério 1.4.1

O W3C resume o objetivo em nove palavras: Color is not the only way of distinguishing information.

simulador de daltonismo

Perguntas sobre o simulador de daltonismo

Este simulador de daltonismo é um teste médico?

Não. O simulador de daltonismo transforma pixels para revisão de design. Ele não examina pessoas, não mede severidade e não oferece diagnóstico. Para testar a visão, o National Eye Institute recomenda consultar um profissional de saúde ocular.

Um bom resultado prova que o design é acessível?

Não. O simulador de daltonismo revela distinções que podem enfraquecer, mas acessibilidade também depende de contraste, texto, forma, rótulos, teclado, zoom, semântica e testes com pessoas. Registre o resultado como uma evidência de revisão.

Por que há três vistas simuladas?

Protanopia e deuteranopia são comumente descritas como tipos vermelho-verde; tritanopia, como azul-amarelo. O simulador de daltonismo mantém as três visíveis porque a mesma paleta pode reagir de modo diferente a cada matriz.

O que significa o controle de intensidade?

O simulador de daltonismo mistura os pixels sRGB linearizados originais em 0% com o resultado completo da matriz em 100%. Valores intermediários ajudam na comparação visual e não estimam severidade médica.

As imagens enviadas são armazenadas?

O simulador de daltonismo processa imagens compatíveis na aba atual e não possui endpoint de envio. Fechar ou atualizar apaga o Canvas de trabalho. O PNG baixado permanece onde a pessoa o salvar.