Simulador de daltonismo (deficiência de visão de cores)
Ferramenta gratuita que simula como uma cor é vista por pessoas com protanopia, deuteranopia ou tritanopia (deficiência de visão de cores).
Os três tipos de deficiência de visão de cores
| Tipo | Nome | Características |
|---|---|---|
| Protanopia | Cegueira ao vermelho (deficiência de cones L) | Os cones sensíveis ao vermelho funcionam de forma diferente, dificultando distinguir vermelho de verde. |
| Deuteranopia | Cegueira ao verde (deficiência de cones M) | Os cones sensíveis ao verde funcionam de forma diferente, dificultando distinguir vermelho de verde. É o tipo mais comum de deficiência de visão de cores. |
| Tritanopia | Cegueira ao azul (deficiência de cones S) | Os cones sensíveis ao azul funcionam de forma diferente, dificultando distinguir azul de amarelo. Ocorrência muito rara. |
O que é o simulador de daltonismo
Esta ferramenta simula, de forma simplificada, como uma única cor é percebida por pessoas com deficiência de visão de cores (popularmente conhecida como daltonismo), cobrindo os três tipos principais: protanopia, deuteranopia e tritanopia. Basta escolher a cor no seletor ou digitar um código hexadecimal para visualizar instantaneamente como ela apareceria sob cada um desses três tipos de percepção, sem precisar instalar nenhum programa ou plugin adicional no navegador.
Ao definir a paleta de cores de um site, aplicativo, apresentação ou mapa, é importante verificar antecipadamente se combinações como vermelho e verde — notoriamente difíceis de diferenciar para boa parte das pessoas com deficiência de visão de cores — continuam legíveis. Vale lembrar que a transformação usada aqui é uma aproximação simplificada baseada nas pesquisas de Brettel e Viénot, e não substitui uma avaliação médica da percepção real de cada indivíduo, que varia bastante entre pessoas com o mesmo tipo diagnosticado.
Como usar o simulador de visão de cores
- Escolha a cor que deseja verificar Clique no seletor de cores ou digite diretamente um código hexadecimal (por exemplo, #ff0000) no campo de entrada.
- Veja os três resultados simulados As versões correspondentes à protanopia, deuteranopia e tritanopia são geradas automaticamente a partir da cor informada.
- Compare diferentes cores Repita o processo com outras cores da sua paleta para entender como cada combinação se comporta sob cada tipo de percepção.
- Aplique o resultado ao seu design Se encontrar combinações difíceis de distinguir, considere aumentar o contraste de luminosidade ou reforçar a informação com ícones e rótulos de texto.
Dicas para aproveitar melhor
- Escolha uma cor no seletor ou digite um código hexadecimal para ver instantaneamente como ela é percebida na protanopia, deuteranopia e tritanopia.
- Use esta ferramenta antes de publicar um design para verificar se a sua paleta de cores continua distinguível para pessoas com deficiência de visão de cores.
- Combinações de vermelho e verde são especialmente difíceis de diferenciar, por isso vale a pena verificar gráficos e mapas que dependam dessa dupla de cores.
- A simulação é uma aproximação simplificada; para decisões críticas de acessibilidade, use também ferramentas especializadas e testes com usuários reais.
Casos de uso
Revisão de paleta em projetos web
Antes de publicar um site, verifique se botões, gráficos e mensagens de erro não dependem exclusivamente da cor para transmitir informação.
Conferência de gráficos e slides de apresentação
Combinações de vermelho e verde são comuns em gráficos de pizza e barras; simule antes como elas aparecem para o público com deficiência de visão de cores.
Design de mapas e diagramas de rotas
Mapas que diferenciam linhas de metrô, rotas ou regiões apenas por cor podem perder clareza; o simulador ajuda a decidir se padrões, texturas ou legendas adicionais são necessários para manter a informação acessível.
Material educativo sobre acessibilidade
Use exemplos reais de cores para explicar, em treinamentos corporativos ou aulas de design, como a deficiência de visão de cores afeta a percepção visual no dia a dia das pessoas.
Glossário
- Deficiência de visão de cores
- Termo geral para a dificuldade em distinguir certas combinações de cores, causada por diferenças na sensibilidade dos cones da retina. Na maioria dos casos tem origem genética e hereditária.
- Protanopia
- Tipo em que os cones sensíveis ao vermelho funcionam de forma diferente do habitual, tornando difícil distinguir vermelho de verde.
- Deuteranopia
- Tipo em que os cones sensíveis ao verde funcionam de forma diferente do habitual. É considerado o tipo mais comum de deficiência de visão de cores.
- Tritanopia
- Tipo em que os cones sensíveis ao azul funcionam de forma diferente do habitual, dificultando a distinção entre azul e amarelo. Sua ocorrência é muito rara.
- Cones
- Células fotorreceptoras da retina responsáveis pela visão de cores, distintas dos bastonetes que atuam na visão em baixa luminosidade. Existem três tipos de cones, sensíveis respectivamente ao vermelho, verde e azul, e é a combinação dos sinais desses três tipos que permite reconhecer as cores.
- Modelo de Brettel e Viénot
- Modelo matemático amplamente usado para aproximar como as cores são percebidas por pessoas com deficiência de visão de cores. A simulação desta ferramenta é baseada nesse modelo.
Perguntas frequentes
Curiosidade — A história dos testes de visão de cores e do teste de Ishihara
Estima-se que a deficiência de visão de cores afete 1 em cada 20 homens e 1 em cada 500 mulheres de origem japonesa, e alguns relatórios sugerem que cerca de 8% dos homens em todo o mundo sejam afetados. Está longe de ser rara: estatisticamente, é provável que haja pelo menos uma pessoa com essa característica em qualquer sala de aula ou local de trabalho.
O teste de visão de cores mais conhecido, o teste de Ishihara, foi criado em 1917 pelo oftalmologista japonês Shinobu Ishihara. Suas placas características, que escondem números ou formas entre grupos de pontos coloridos, foram originalmente desenvolvidas para triagem de visão de cores durante exames militares de recrutamento, e o mesmo design continua sendo usado em clínicas oftalmológicas ao redor do mundo mais de um século depois.
No design de sites e aplicativos, depender demais da cor — como um gráfico que mostra aprovado ou reprovado apenas em vermelho e verde, ou um mapa que distingue rotas somente por cor — pode deixar de fora informações para uma parcela significativa dos usuários. Verificar combinações de cores com uma simulação previamente e combiná-las com ícones, padrões ou rótulos de texto é uma prática básica do design inclusivo que beneficia a todos.