Skip to main content
ColorVision
Português
Simulador gratuito

Simulador de daltonismo

Envie qualquer imagem para ver como ela aparece para alguém com diferentes tipos de deficiência de visão de cores. Todo o processamento acontece no seu navegador — sua imagem nunca é enviada a nenhum servidor.

Envie sua imagem

Filtro ativo

Normal

Visão de cores padrão

Visualização simulada

Sua imagem simulada aparecerá aqui depois do envio.

Sobre este simulador de daltonismo

Como funciona

Este simulador usa matrizes de transformação de cor baseadas no trabalho de Machado, Oliveira & Fernandes (2009) para converter a cor de cada pixel como ela apareceria para uma pessoa com cada tipo de deficiência de visão de cores. Todos os cálculos rodam localmente no seu navegador com a API Canvas do HTML5.

Quem usa esta ferramenta

Designers e pessoas desenvolvedoras usam esta ferramenta para testar se a interface, os infográficos, os gráficos ou o material de marketing são acessíveis para as cerca de 300 milhões de pessoas no mundo que vivem com deficiência de visão de cores. É especialmente útil em testes de conformidade de acessibilidade WCAG.

Protanopia

~1%

Cegueira para vermelho. Ausência de cones de onda longa (L).

Deuteranopia

~1%

Cegueira para verde. Ausência de cones de onda média (M).

Tritanopia

<0.01%

Cegueira para azul. Ausência de cones de onda curta (S).

Acromatopsia

<0.003%

Daltonismo total. Enxerga apenas em tons de cinza.

Para que serve um simulador

Um simulador de visão de cores é um instrumento de design, não de diagnóstico. Você entrega uma imagem; ele devolve uma aproximação de quais distinções de cor sobrevivem a determinada deficiência e quais desabam. O valor está nas que desabam. Se dois elementos da sua interface significam coisas diferentes e a simulação os renderiza com a mesma cor, você encontrou um defeito que afeta uma parcela substancial do seu público.

Vale ser preciso sobre o que o resultado não é. Não é uma janela para a experiência subjetiva de ninguém. Quem tem deuteranomalia congênita vê o mundo assim desde que nasceu; sua percepção de cores é perfeitamente comum para ela, e muitas vezes supera tricromatas em certas tarefas de discriminação. Apresentar uma simulação como “o que eles veem” é impreciso e, quando enquadra a condição como privação, também pouco útil.

O que a simulação de fato diz é onde seu design depende de informação que uma minoria substancial de espectadores não recebe. Esse é um fato de engenharia sobre o qual se pode agir.

O modelo por trás da transformação

Simuladores ingênuos projetam a imagem sobre a reta de cores que um dicromata distingue. Isso serve para a dicromacia, mas é errado para a tricromacia anômala, bem mais comum, em que o cone afetado existe com sensibilidade espectral deslocada e a informação de cor é comprimida em vez de eliminada.

Este simulador segue a abordagem fisiológica de Machado, Oliveira e Fernandes, que modela diretamente o deslocamento da sensibilidade dos cones. Como esse deslocamento é um parâmetro contínuo, o mesmo modelo cobre toda a faixa, da visão normal à dicromacia completa passando pela anomalia leve, em vez de tratá-las como casos desconexos.

Entender a distinção muda o modo de projetar. A deuteranopia — cone de onda média ausente — é o caso rigoroso. A deuteranomalia — esse cone presente, mas deslocado — é o caso comum, afetando muito mais gente, e produz falhas mais sutis: cores que continuam tecnicamente distinguíveis, mas que já não se separam num relance em um gráfico denso ou em um elemento pequeno de interface.

Usando bem o resultado

Carregue uma imagem que carregue significado real pela cor: um painel, um gráfico com legenda codificada por cor, um mapa, um formulário com estados de erro em vermelho, um diagrama de sinalização. Compare cada simulação com o original e faça uma única pergunta a cada distinção codificada por cor: isso ainda diz ao espectador o que ele precisa saber?

Falhas comuns que vale procurar:

  • Indicadores de status em vermelho e verde que viram o mesmo tom apagado. É o defeito de acessibilidade mais difundido em software.
  • Paletas categóricas de gráficos em que séries vizinhas se fundem, sobretudo paletas qualitativas escolhidas por variedade estética e não por separação perceptual.
  • Mapas de calor sequenciais que passam por vermelho e verde e perdem a ordenação.
  • Links distinguidos do texto apenas pela cor, que desaparecem por completo.
  • Campos obrigatórios e estados de erro sinalizados só por uma borda vermelha.

A correção quase nunca é “usar outras cores”. É acrescentar uma segunda pista não cromática: um rótulo de texto, um ícone, uma forma, um padrão de preenchimento, uma posição, um sublinhado. A cor passa então a reforçar o significado em vez de ser seu único suporte — que é o que o critério de uso de cor das WCAG exige.

Onde a simulação deixa de ser confiável

A transformação é aplicada aos valores sRGB da sua imagem, então sua precisão é limitada pela fidelidade com que sua tela reproduz sRGB e por se a imagem de origem foi criada nesse espaço. Material de gamut amplo, conteúdo HDR e fluxos com gerenciamento de cor intenso deslocam o resultado.

O modelo também descreve deficiências congênitas. A perda adquirida de visão de cores — por glaucoma, retinopatia diabética, doença do nervo óptico, catarata ou medicação — costuma se comportar de outro jeito, frequentemente afeta os dois olhos de forma desigual e vem acompanhada de redução de acuidade ou de sensibilidade ao contraste que nenhuma transformação de cor captura.

Por fim, lembre-se de que a simulação é uma lente só. Ela diz quais matizes se fundem; não diz nada sobre se seu texto tem contraste de luminância suficiente para ser legível. Combine-a com o verificador de contraste.

Para orientação mais ampla, veja projetar para o daltonismo e como tornar gráficos acessíveis.

Ficou com dúvidas?

Perguntas frequentes

Tudo o que você precisa saber sobre testes de daltonismo, como funcionam e o que fazer com o seu resultado.

É isso que as pessoas daltônicas realmente veem?

Não, e nenhum simulador pode ser. Uma simulação renderiza, na sua tela de visão normal, uma aproximação de qual informação sobrevive a uma deficiência. Ela não reproduz a experiência subjetiva. Quem nasce com uma deficiência nunca conheceu a alternativa, então suas cores são simplesmente normais para ela — não percebe o próprio mundo como uma versão desbotada do seu. Use o resultado para achar onde seu design perde informação, não para imaginar a experiência alheia.

Que modelo a simulação usa?

Ela segue a abordagem fisiológica descrita por Machado, Oliveira e Fernandes, que modela a sensibilidade espectral deslocada do cone afetado em vez de simplesmente projetar as cores sobre uma reta. Essa distinção importa na tricromacia anômala — protanomalia e deuteranomalia —, em que o cone existe mas está deslocado e a intensidade varia de forma contínua.

Por que dicromacia e tricromacia anômala parecem tão diferentes?

Porque são condições diferentes. Na dicromacia, uma classe de cones está ausente por completo, então a informação de cor daquele eixo realmente desaparece e a simulação a colapsa. Na tricromacia anômala, o cone existe com o pico deslocado, então a informação é comprimida e não perdida. A tricromacia anômala é bem mais comum, e por isso projetar apenas contra a simulação dicromática exagera o problema em alguns pontos e o subestima em outros.

Meu gráfico ainda parece legível na simulação. Terminei?

Ainda não. Uma simulação verifica se os matizes continuam distinguíveis, mas não verifica razões de contraste e não pega casos em que a cor é a única pista que carrega significado. Rode também o verificador de contraste e confirme que toda distinção codificada por cor tem uma segunda pista, como rótulo, padrão, forma ou posição.

O simulador envia minha imagem para algum servidor?

Não. A transformação roda inteiramente no seu navegador usando um elemento canvas. A imagem nunca sai do seu dispositivo e nunca é enviada a um servidor.

Contra qual tipo devo projetar?

Verifique primeiro a deuteranomalia, já que as deficiências deutan são de longe as mais comuns, e depois a deuteranopia como caso mais rigoroso. Acrescente a tritanopia se sua paleta depender de distinções azul-amarelo. Se um design sobrevive à deuteranopia e à tritanopia com o significado intacto, em geral sobreviverá às formas mais leves.

Ainda tem dúvidas? Fale conosco →