Simulador de daltonismo

Como usar o simulador de daltonismo

1. 1. Carregue uma imagem. Use Escolher arquivo para um PNG, JPEG, GIF, WebP ou SVG, ou experimente a imagem de exemplo integrada, que contém uma varredura de matizes, as oito cores de Okabe–Ito e uma paleta vermelho–amarelo–verde. Imagens grandes são reduzidas para 900 pixels no lado maior.
2. 2. Escolha as visualizações. Protanopia, deuteranopia, tritanopia e acromatopsia vêm ativadas por padrão. Desative as que não precisar.
3. 3. Defina a intensidade. Em 100% a ferramenta simula a dicromacia (um tipo de cone está ausente). Valores menores simulam a tricromacia anômala, em que esse tipo de cone apenas está enfraquecido.
4. 4. Compare e salve. Cada painel fica ao lado do original. Baixe um painel como PNG, ou baixe tudo em uma única folha rotulada, para colar em um relatório ou compartilhar com um coautor.

O que cada visualização mostra

• Protanopia e protanomalia — cones de comprimento de onda longo (L, «vermelho») ausentes ou fracos. Os vermelhos ficam escuros e puxam para marrom ou oliva; vermelho e verde se confundem.
• Deuteranopia e deuteranomalia — cones de comprimento de onda médio (M, «verde») ausentes ou fracos. Vermelho e verde se confundem, mas os vermelhos não escurecem tanto quanto na protanopia. A deuteranomalia é a forma mais comum.
• Tritanopia e tritanomalia — cones de comprimento de onda curto (S, «azul») ausentes ou fracos. Azul e verde se misturam, e amarelo e rosa se confundem. É rara.
• Acromatopsia — nenhuma função de cone utilizável, então o mundo aparece em tons de cinza. A ferramenta desenha isso como luminância relativa, que não faz parte do modelo de Machado (veja abaixo).

Cerca de 1 em cada 12 homens tem alguma deficiência de visão de cores, segundo o National Eye Institute dos EUA, e bem menos mulheres — então, em uma sala de aula ou em um grupo de revisores, é provável que alguém seja afetado. A deficiência vermelho–verde é de longe o tipo mais comum.

Como a simulação funciona

A ferramenta usa as matrizes publicadas com Machado, G. M., Oliveira, M. M., & Fernandes, L. A. F. (2009), “A physiologically-based model for simulation of color vision deficiency,” IEEE Transactions on Visualization and Computer Graphics, 15(6), 1291–1298. Os autores dão uma matriz 3 × 3 para cada tipo e para cada intensidade de 0,0 a 1,0 em passos de 0,1; o controle deslizante percorre essa tabela e interpola entre as linhas para os valores intermediários.

1. O valor sRGB de cada pixel é convertido para luz linear (a curva gama inversa).
2. O vetor RGB linear é multiplicado pela matriz do tipo e da intensidade escolhidos.
3. O resultado é limitado ao intervalo de 0 a 1 e codificado de novo com gama.
4. O canal alfa não é alterado. Cinzas e branco passam sem mudança, porque cada linha de cada matriz soma 1.

O que a simulação não pode dizer

• É um modelo, não uma pessoa. A visão real varia dentro de cada tipo, e o modelo cobre apenas a resposta dos cones, não a adaptação do cérebro nem o contexto.
• A acromatopsia é uma aproximação. O modelo de Machado não tem matriz para ela. Aqui ela é a luminância relativa do WCAG, Y = 0,2126 R + 0,7152 G + 0,0722 B, mostrada em cinza. A condição geralmente também traz baixa acuidade visual e sensibilidade à luz, que não são simuladas.
• Sua tela importa. Os pixels do canvas são lidos como sRGB. Uma tela de gama ampla ou um filtro de modo noturno muda o que você vê; o arquivo simulado em si é fiel ao modelo.
• A maioria das pessoas com deficiência de visão de cores ainda enxerga cores. A dicromacia é a extremidade de cada espectro. Muitas pessoas têm deficiências leves, que o controle de intensidade aproxima.

Projetando figuras que resistem

• Não dependa só da matiz. Adicione rótulos diretos, marcadores, estilos de linha ou padrões, para que cada categoria tenha um segundo sinal.
• Varie a luminosidade. Se duas cores parecem iguais na visualização de acromatopsia, elas também serão difíceis de separar impressas em preto e branco.
• Evite vermelho contra verde — e azul contra roxo, ou verde contra marrom — como única diferença entre duas séries.
• Comece com uma paleta segura. A paleta Okabe–Ito usada pelos criadores de gráficos deste site foi feita para isso. Para mapas de calor, viridis, cividis e os esquemas sequenciais do ColorBrewer funcionam bem; o Heatmap Maker oferece todos.
• Verifique o contraste também. Um par que passa em cor pode ainda falhar no limite de 3:1 do WCAG para gráficos — use o Color Contrast Checker.

Perguntas frequentes

Minha imagem é enviada para um servidor?

Não. O arquivo é aberto pelo seu navegador, desenhado em um canvas nesta página e processado ali. Nada é enviado pela rede, e nada é armazenado depois que você fecha ou recarrega a página.

Qual é a diferença entre protanopia e deuteranopia?

A protanopia é a ausência de cones de comprimento de onda longo (vermelho); a deuteranopia é a ausência de cones de comprimento de onda médio (verde). As duas tornam difícil separar vermelho e verde, mas na protanopia os vermelhos também parecem bem mais escuros. Em muitas figuras as duas podem parecer semelhantes, por isso paletas que corrigem uma geralmente corrigem a outra.

Qual é o tipo de daltonismo mais comum?

A deficiência vermelho–verde, principalmente a deuteranomalia (cones verdes fracos), responde pela grande maioria dos casos. As deficiências de tritanopia e a acromatopsia completa são raras.

O que faz o controle de intensidade?

Em 100% a ferramenta simula a dicromacia, em que um tipo de cone está ausente. Em valores menores ela usa as matrizes de Machado para a tricromacia anômala (protanomalia, deuteranomalia, tritanomalia), em que o cone responde, mas está deslocado. Em 0% a imagem fica inalterada. A acromatopsia ignora o controle.

Como tornar um gráfico adequado para daltônicos?

Use uma paleta feita para isso, como Okabe–Ito para categorias ou viridis para dados contínuos, e adicione um segundo sinal à cor: rótulos, marcadores, estilos de linha ou padrões. Depois verifique o resultado aqui: se todas as séries e categorias ainda forem distinguíveis nas quatro visualizações, o gráfico é robusto.

Isso é igual a como uma pessoa daltônica vê?

É uma boa aproximação para verificações de design, não uma réplica. Pessoas com o mesmo diagnóstico são diferentes entre si, e o modelo trabalha apenas com as respostas dos cones. Use-o para encontrar problemas cedo; se uma figura for importante, pergunte a alguém que tenha a condição.