Simulador de Daltonismo

Veja sua imagem pelos olhos de alguém com deficiência de visão de cores. Escolha o tipo, pré-visualize e baixe o resultado. Tudo roda no seu navegador.

Como o Simulador de daltonismo funciona

O Simulador de Daltonismo aplica matrizes de transformação de cores à sua imagem para mostrar como ela aparece para pessoas com protanopia (cego para vermelho), deuteranopia (cego para verde), tritanopia (cego para azul) ou acromatopsia (daltonismo completo). As matrizes são aplicadas pixel a pixel usando Canvas.getImageData() e Canvas.putImageData() no seu navegador. Nenhum dado de imagem é transmitido para um servidor.

As simulações são baseadas em modelos perceptivos publicados derivados de estudos de deficiência de visão de cores. São aproximações de como o sistema visual de uma pessoa afetada processa as cores, não reproduções exatas da experiência individual, que varia. A ferramenta foi projetada para ajudar designers e desenvolvedores a identificar problemas de contraste ou codificação de cores que afetariam uma parcela significativa de seu público: cerca de 8% dos homens e 0,5% das mulheres têm alguma forma de deficiência de visão de cores.

Escrito por Bastien Sulyan

Como usar o Simulador de daltonismo, passo a passo

Arraste sua imagem para a área de upload ou clique para navegar.
Selecione um tipo de deficiência de visão de cores no menu: protanopia, deuteranopia, tritanopia ou acromatopsia.
Veja o resultado simulado ao lado do original no painel de comparação.
Alterne entre tipos de simulação para comparar como cada condição afeta a imagem.
Use a vista lado a lado para identificar áreas onde apenas a cor transmite informações que podem ser perdidas.

Casos de uso comuns

Um designer de interface verifica se um indicador de status vermelho-verde é distinguível para usuários com deuteranopia antes de lançar um recurso.
Um autor de visualização de dados verifica se um gráfico de múltiplas linhas com séries codificadas por cores permanece legível na simulação de protanopia.
Um designer de marca avalia como um logo com cores em gradiente é lido sob acromatopsia para garantir que mantenha forma e contraste reconhecíveis.
Um desenvolvedor de jogos testa se as zonas de mapa codificadas por cores são distinguíveis para jogadores com tritanopia e adiciona preenchimentos de padrões para complementar a codificação por cores.

Perguntas frequentes

Quão precisas são as simulações de daltonismo?

As simulações aplicam matrizes de transformação perceptiva derivadas de pesquisas publicadas sobre deficiência de visão de cores. São aproximações cientificamente fundamentadas de casos típicos de cada condição. A experiência individual varia: a gravidade difere entre pessoas com o mesmo diagnóstico e a simulação não pode considerar as estratégias compensatórias que alguns usuários desenvolvem. Trate a saída como um indicador útil, não como um teste definitivo.

A ferramenta cobre todos os tipos de daltonismo?

Os quatro tipos cobertos são as formas mais comuns de deficiência de visão de cores e daltonismo completo. Os tipos de tricromacia anômala (protanomalia, deuteranomalia, tritanomalia), que representam deficiências parciais, não são modelados separadamente na versão atual.

Minha imagem é analisada em um servidor para produzir a simulação?

Não. A transformação de matriz de cores é calculada localmente usando Canvas.getImageData() para ler o array de pixels e Canvas.putImageData() para gravar o resultado. Todo o processamento acontece dentro da aba do navegador e os dados da imagem ficam no seu dispositivo.

Posso usar esta ferramenta para verificar as taxas de contraste de cores?

Esta ferramenta mostra como as cores aparecem para pessoas com deficiência de visão de cores, mas não calcula numericamente as taxas de contraste WCAG. Para verificação numérica de contraste, use a ferramenta Conversor de Cores, que inclui um verificador de contraste WCAG.

A ferramenta funciona com imagens que contêm texto?

Sim. A transformação é aplicada a todo o array de pixels, incluindo qualquer texto renderizado na imagem. Isso permite verificar se a cor do texto em relação ao seu fundo permanece legível sob cada condição simulada.

Ferramentas relacionadas

Mantenha tudo local, explore ferramentas complementares.

Todas as ferramentas de imagem