Simulador de Daltonismo: Veja Seus Designs pelos Olhos de um Daltônico
Este simulador de daltonismo mostra como suas imagens e cores aparecem para quem tem deficiência da visão de cores (CVD). Solte uma captura de tela, foto ou cor HEX e veja na hora como ela seria percebida por uma pessoa com deuteranopia, protanopia, tritanopia ou acromatopsia.
Cerca de 8% dos homens e 0,5% das mulheres têm alguma forma de daltonismo, então dois tons que parecem claramente diferentes para você podem ser indistinguíveis para uma grande parcela do seu público. Designers, desenvolvedores e testadores de acessibilidade usam esta ferramenta para flagrar conflitos de cor antes de publicar.
Como Usar o Simulador de Daltonismo
Adicione uma imagem (ou uma cor)
No modo Imagem, clique na área de upload, arraste e solte um arquivo ou cole da área de transferência com Ctrl+V. Você também pode carregar um exemplo embutido (Frutas, Trânsito, Natureza) ou capturar um quadro da sua webcam. Para verificar um único tom, mude para o modo Cor.
Escolha um tipo de daltonismo
Escolha deuteranopia (cegueira ao verde), protanopia (cegueira ao vermelho), tritanopia (cegueira ao azul) ou acromatopsia (daltonismo total). A simulação atualiza na hora.
Compare original e simulado
Arraste o divisor pela imagem para alternar entre a visão original e a simulada, ou clique em Ver todos os tipos para ver lado a lado todas as simulações de daltonismo em uma única grade.
Baixe ou teste a próxima cor
Salve a imagem simulada como PNG (o tipo de daltonismo entra no nome do arquivo) para documentação ou relatórios de bug. No modo Cor, digite qualquer código HEX para ver as quatro amostras de daltonismo de uma vez.
Recursos
Vários métodos de entrada
Envie um arquivo, arraste e solte, cole uma captura de tela com Ctrl+V, capture da sua webcam ou carregue uma imagem de exemplo embutida para começar rápido.
Quatro tipos de daltonismo
Simule deuteranopia (cegueira ao verde, ~6% dos homens), protanopia (cegueira ao vermelho), tritanopia (cegueira ao azul) e acromatopsia (daltonismo total).
Comparação com controle deslizante
Arraste um divisor para alternar entre a imagem original e a simulada e veja exatamente quais cores se fundem.
Grade com todos os tipos
Veja a original e as quatro simulações de daltonismo de uma só vez em uma única grade para uma verificação de acessibilidade rápida e completa.
Modo Cor
Teste uma cor HEX individual com o seletor ou digitando um código e veja como ela muda em cada tipo de daltonismo como amostras.
Exportação em PNG
Baixe a imagem simulada como PNG com o tipo de daltonismo no nome do arquivo para relatórios, chamados ou para compartilhar com sua equipe.
Simulação com base científica
Construída sobre o algoritmo de Brettel, Viénot & Mollon (1997), um método validado para aproximar a deficiência da visão de cores.
Privado e no navegador
Todo o processamento acontece no seu navegador. As imagens nunca são enviadas nem armazenadas e, depois de carregada, a ferramenta funciona offline.
Perguntas Frequentes
O que uma pessoa daltônica enxerga?
Quem tem deficiência da visão de cores tem dificuldade para distinguir certas cores. As formas mais comuns afetam a percepção de vermelho e verde, então vermelhos, verdes, laranjas e marrons podem se confundir; formas mais raras afetam azul e amarelo, e um tipo muito raro elimina a cor por completo. Este simulador recria cada uma dessas visões para você ver o efeito por conta própria.
O que são protanopia, deuteranopia e tritanopia?
A deuteranopia é a cegueira ao verde e o tipo mais comum, afetando cerca de 6% dos homens. A protanopia é a cegueira ao vermelho (cerca de 1% dos homens). A tritanopia é a cegueira ao azul, que é rara (menos de 0,1%). A ferramenta também inclui a acromatopsia, o daltonismo total, que é muito raro.
Quão preciso é este simulador de daltonismo?
Ele usa o algoritmo de Brettel, Viénot & Mollon (1997), um método cientificamente validado para simular a deficiência da visão de cores. Nenhuma simulação consegue reproduzir com perfeição a visão de outra pessoa, mas ela oferece uma aproximação confiável, mais do que suficiente para testes de acessibilidade.
Como saber se meu design é amigável para daltônicos?
Envie uma captura de tela do seu design e comece pela deuteranopia, o tipo mais comum. Se as cores importantes continuarem distintas, verifique também protanopia e tritanopia. Quando duas cores ficam idênticas na simulação, as pessoas com essa condição não conseguem diferenciá-las, então acrescente uma segunda pista, como um padrão, ícone ou rótulo.
Minhas imagens são enviadas para um servidor?
Não. Todo o processamento das imagens acontece inteiramente no seu navegador usando JavaScript e a Canvas API. Suas imagens e quaisquer quadros da webcam nunca saem do seu dispositivo, então seu trabalho permanece totalmente privado.
Quais formatos e tamanhos de imagem são aceitos?
Funciona com os formatos comuns que seu navegador consegue ler, incluindo JPEG, PNG, GIF e WebP. A transparência do PNG é preservada porque o canal alfa fica intocado durante a simulação. Imagens maiores que 2000 pixels são redimensionadas automaticamente (mantendo a proporção) para um desempenho suave.
Posso usar isto para testes de acessibilidade WCAG?
Ele ajuda a encontrar combinações de cores difíceis de distinguir para usuários daltônicos, que é uma parte da acessibilidade. A conformidade total com a WCAG também depende das taxas de contraste, então combine este simulador com um verificador de contraste para uma cobertura completa.
Ainda não há comentários. Seja o primeiro a comentar!