Saltar para o conteúdo

Simulador de daltonismo

Envie uma imagem, uma captura ou teste sua paleta e compare na hora como fica com protanopia, deuteranopia, tritanopia e acromatopsia. As cores que se confundem são marcadas automaticamente.

Ou arrasta e larga aqui

O ficheiro deve ser JPEG, PNG, WebP ou SVG e ter no máximo 40 MB

Não tem uma imagem à mão? Experimente um exemplo:

Tipo de visão

Foram encontrados conflitos: Deuteranopia, Tritanopia, Acromatopsia

O que é daltonismo e por que importa no design

O daltonismo (ou deficiência na visão das cores) afeta a capacidade de distinguir certas cores, geralmente vermelhos e verdes, embora existam variantes que afetam outros tons. Não é uma condição única: existem vários tipos, cada um com um padrão diferente de confusão de cores, e afeta aproximadamente 1 em cada 12 homens e 1 em cada 200 mulheres.

Isso tem uma consequência direta em qualquer projeto em que a cor comunique algo: uma combinação que parece perfeitamente diferenciada para você pode parecer praticamente idêntica para uma parte real de quem a vê. Um botão de «erro» em vermelho sobre fundo verde, por exemplo, pode ser invisível para alguém com deuteranopia.

Os tipos de daltonismo explicados

Protanopia

≈ 1% dos homens

Ausência ou redução da sensibilidade ao vermelho. Os vermelhos parecem mais escuros e podem se confundir com verdes ou marrons.

Deuteranopia

≈ 1% dos homens

Ausência ou redução da sensibilidade ao verde. É o tipo mais comum; vermelhos e verdes ficam difíceis de diferenciar.

Tritanopia

Muito rara

Ausência ou redução da sensibilidade ao azul, bem menos frequente que as duas anteriores. Afeta a distinção entre azuis e amarelos.

Acromatopsia

≈ 1 em cada 30.000

Ausência total de visão das cores, muito mais rara. A pessoa percebe o mundo em escala de cinza.

Como usar o simulador em três passos

  1. Envie uma imagem ou uma paleta

    Arraste uma imagem, cole uma captura com Ctrl + V ou use um dos exemplos. Sem imagem, você pode testar diretamente as cores da sua paleta.

  2. Escolha o tipo de visão

    Com «Todos» você compara os quatro tipos ao mesmo tempo. Escolha um específico para vê-lo maior, ao lado do original.

  3. Corrija os conflitos

    As cores que se confundem são marcadas com um aviso. Selecione uma e ajuste-a no editor até o aviso desaparecer.

Como projetar pensando no daltonismo

Cada exemplo mostra uma versão incorreta e uma correta como as veria uma pessoa com deuteranopia, o tipo mais comum (a terceira, em escala de cinza).

  • Não transmita informação só com a cor

    Um semáforo de estados em verde, âmbar e vermelho fica quase uniforme. Adicione ícones, texto ou formas diferentes.

  • Evite vermelho e verde como único par

    Para comparar duas séries, azul e laranja se distinguem com qualquer tipo comum de daltonismo.

  • Diferencie também pela luminosidade

    Se duas cores têm a mesma luminosidade, em escala de cinza são iguais. Combine uma escura com uma clara.

  • Adicione rótulos ou texturas aos gráficos

    Um rótulo direto ou um tracejado permite ler o gráfico mesmo que as cores se pareçam.

Perguntas frequentes

É uma condição que dificulta distinguir certas cores. Os tipos principais são protanopia, deuteranopia, tritanopia e acromatopsia, cada um com um padrão diferente de confusão de cores.

Ambas afetam a distinção entre vermelhos e verdes, mas por causas diferentes: a protanopia reduz a sensibilidade ao vermelho, enquanto a deuteranopia reduz a sensibilidade ao verde. Visualmente, os resultados são parecidos, mas não idênticos.

Afeta aproximadamente 1 em cada 12 homens e 1 em cada 200 mulheres, o que o torna uma das condições de acessibilidade visual mais comuns a considerar.

Com protanopia e deuteranopia, as mais comuns são vermelho e verde, verde e marrom, azul e roxo, e laranja com verde-claro. Com tritanopia confundem-se sobretudo azul com verde e amarelo com rosa-claro.

Use pares de cores que se distingam também pela luminosidade, como azul e laranja em vez de vermelho e verde, e não dependa só da cor: adicione rótulos, ícones ou texturas. Depois envie uma captura ao simulador para conferir.

É uma aproximação: aplica a cada pixel matrizes de simulação de uso comum. Serve para detectar combinações problemáticas, mas cada pessoa percebe a cor de forma um pouco diferente, sobretudo nas formas leves (anomalias).

Não. A análise e a simulação são processadas no seu próprio navegador; sua imagem não é enviada nem armazenada em nenhum servidor externo.

O verificador de contraste confere a razão de legibilidade entre duas cores concretas. Este simulador permite ver uma imagem ou design completo como uma pessoa daltônica o perceberia, detectando problemas de compreensão que vão além de um simples par de cores.

Você pode enviar arquivos JPG, PNG ou WebP, arrastá-los para a ferramenta ou colar diretamente uma captura de tela com Ctrl + V (Cmd + V no Mac).

Mais ferramentas