Simulador de daltonismo: teste um print ou uma paleta em 8 tipos de visão | We.Inc
Veja um print ou uma paleta de cores em oito tipos de deficiência na visão de cores, lado a lado. Aponta pares de cores que ficam difíceis de distinguir e sugere um tom mais seguro. Roda no seu navegador.
Um simulador de daltonismo redesenha as cores do jeito que as veem as pessoas com um tipo de cone ausente ou fraco. Envie um print ou cole sua paleta para vê-la em oito tipos de visão de uma vez. A ferramenta também aponta pares de cores que parecem distintos para a maioria das pessoas mas se confundem para outras, e sugere uma substituição mais clara ou mais escura.
Os principais tipos de deficiência na visão de cores
Tipo
O que muda
Confusões comuns
Deuteranomalia e deuteranopia
Cones verdes fracos ou ausentes
Vermelho e verde, marrom e verde, azul e roxo
Protanomalia e protanopia
Cones vermelhos fracos ou ausentes; os vermelhos parecem mais escuros
Vermelho e verde, vermelho e preto
Tritanomalia e tritanopia
Cones azuis fracos ou ausentes (raro)
Azul e verde, amarelo e rosa
Acromatopsia
Nenhum cone funcionando (muito raro)
Tudo, exceto a luminosidade
Duas formas de começar: solte um print de uma página, gráfico ou design, ou cole uma lista de cores hex. Todas as simulações rodam no seu navegador, e nada é enviado.
Solte ou escolha um print (PNG, JPG ou WebP), ou cole cores hex, uma por linha ou separadas por vírgulas.
A imagem ou paleta é redesenhada oito vezes, uma por tipo de visão, usando um modelo publicado de como os cones respondem.
Nas paletas, cada par é comparado em cada simulação. Os pares cuja diferença cai abaixo de um pequeno limite são apontados.
Cada par apontado vem com uma substituição sugerida: a segunda cor deixada mais clara ou mais escura até voltar a se separar.
Nunca deixe a cor ser o único sinal. Adicione também um rótulo, ícone, padrão ou posição, que é o que pede o Critério de Sucesso 1.4.1 da WCAG.
O contraste de luminosidade sobrevive a todo tipo de daltonismo. Um vermelho escuro ao lado de um verde claro continua legível; um vermelho médio ao lado de um verde médio, não.
Em gráficos, rotule as linhas diretamente ou varie o estilo da linha, e escolha paletas que variem em luminosidade além do matiz.
Estados de erro em formulários devem ter um ícone e um texto, não só uma borda vermelha.
Perguntas frequentes
Quão comum é o daltonismo?
Segundo o National Eye Institute dos EUA, o daltonismo vermelho-verde é a forma mais comum, e é muito mais frequente em homens do que em mulheres. Entre pessoas de ascendência do norte da Europa, ele afeta até cerca de 1 em cada 12 homens e 1 em cada 200 mulheres. Os tipos azul-amarelo e o daltonismo completo são raros.
Quão precisa é a simulação?
Ela usa o modelo de Machado, Oliveira e Fernandes, muito usado e bem conceituado, com intensidade total para os tipos -opia e intensidade moderada para os tipos -anomalia. As pessoas reais variam: duas pessoas com o mesmo diagnóstico podem enxergar de forma um pouco diferente, e telas e iluminação também mudam as coisas. Trate como um guia confiável, não como um diagnóstico.
Posso verificar um site ao vivo pela URL?
Não por esta página. Os navegadores não deixam um site carregar e ler os pixels de outro site. Tire um print da página (na maioria dos sistemas, Shift + Cmd + 4 no Mac ou Win + Shift + S no Windows) e solte aqui.
Passar em um verificador de contraste significa que minhas cores são seguras para daltônicos?
Não totalmente. Os verificadores de contraste comparam a luminosidade entre texto e fundo, o que ajuda todo mundo. Mas duas cores de gráfico ou duas cores de status podem passar cada uma contra o branco e ainda parecer iguais para alguém com deuteranopia. Verifique os pares de cores que precisam ser diferenciados, que é o que a verificação de paleta daqui faz.
Por que vermelho e verde causam a maioria dos problemas
Os cones vermelhos e verdes do olho respondem a faixas de luz que se sobrepõem. Quando um deles falta ou está deslocado, o cérebro perde a maior parte da diferença entre vermelhos, laranjas, amarelos e verdes, e essas cores se alinham em uma única escala do escuro ao claro.
É por isso que cores de status no estilo semáforo, linhas de gráfico vermelhas e verdes e selos de sucesso ou erro são os problemas habituais. Mantenha o significado em uma palavra ou ícone e faça as duas cores diferirem em luminosidade.
Como funciona a verificação de pares
Cada cor é convertida para OKLab, um espaço de cor projetado para que distâncias iguais pareçam diferenças mais ou menos iguais. A ferramenta mede a distância entre cada par antes e depois da simulação. Um par claramente diferente na visão normal, mas que cai abaixo do limite em uma simulação, é apontado.
O limite é uma escolha de critério para áreas pequenas e planas, como linhas de gráfico, amostras de legenda e selos. Blocos grandes de cor são mais fáceis de diferenciar, então um par apontado pode funcionar bem como duas seções de largura total.
Visão típica
Os três tipos de cone funcionando.
Protanopia
Sem cones vermelhos. Os vermelhos parecem escuros e próximos dos verdes.
Protanomalia
Cones vermelhos fracos. Uma confusão vermelho-verde mais leve.
Deuteranopia
Sem cones verdes. Vermelho e verde parecem iguais.
Deuteranomalia
Cones verdes fracos. O tipo mais comum.
Tritanopia
Sem cones azuis. Azul e verde, amarelo e rosa se confundem.
Tritanomalia
Cones azuis fracos. Uma confusão azul-amarelo mais leve.
Acromatopsia
Sem visão de cores. Só resta a luminosidade.
Acromatomalia
Visão de cores muito reduzida.
Escolha um arquivo de imagem.
Não foi possível ler essa imagem.
Solte um print aqui ou clique para escolher um. Ele fica no seu dispositivo.