Simulador de daltonismo
Envie uma imagem e visualize como ela fica com protanopia, deuteranopia, tritanopia ou daltonismo total e, em seguida, baixe o resultado simulado.
Simulador de daltonismo — Arraste uma imagem e veja na hora como ela apareceria para alguém com visão cega ao vermelho (protanopia), ao verde (deuteranopia), ao azul (tritanopia) ou totalmente daltônica (acromatopsia). A simulação roda inteiramente no seu navegador em um canvas, pixel a pixel — sua imagem nunca é enviada para nenhum servidor, então até mockups e capturas privadas permanecem no seu dispositivo. Escolha um tipo, compare o original lado a lado com o resultado e baixe o PNG simulado.
O que é Simulador de daltonismo?
O Simulador de Daltonismo é uma ferramenta gratuita no navegador que renderiza novamente uma imagem tal como uma pessoa com uma deficiência específica da visão de cores a perceberia. Ele oferece suporte às três dicromacias comuns — protanopia (fraqueza ao vermelho), deuteranopia (fraqueza ao verde) e tritanopia (fraqueza ao azul) — além da acromatopsia, uma visão totalmente monocromática (escala de cinza). Designers, desenvolvedores e revisores de acessibilidade a usam para verificar se gráficos, estados da interface, cores de status e infográficos continuam fazendo sentido quando só a cor transmite o significado. Como aproximadamente um em cada doze homens tem alguma forma de deficiência da visão de cores, simular essas visões antes de publicar ajuda a identificar designs que dependem demais de um contraste de cor que desaparece para parte do seu público.
Como usar Simulador de daltonismo
- Arraste uma imagem até a área de upload ou clique nela para escolher um arquivo PNG, JPG ou WebP do seu dispositivo.
- Abra o menu Tipo de visão de cores e escolha Protanopia, Deuteranopia, Tritanopia ou Acromatopsia (selecione Nenhum para ver o original sem alterações).
- A pré-visualização simulada é atualizada automaticamente ao lado do original para que você possa comparar os dois lado a lado.
- Clique em qualquer pré-visualização para abri-la na caixa de luz com zoom e inspecionar os detalhes de perto.
- Pressione Baixar para salvar a imagem simulada como PNG, ou Redefinir para limpá-la e testar outra imagem.
Exemplos
Verificar um selo de status vermelho/verde
Envie uma captura de tela de uma interface que usa vermelho para 'error' e verde para 'success', escolha Deuteranopia e veja as duas cores se aproximarem de um tom turvo semelhante — um sinal de que você deveria adicionar ícones ou rótulos em vez de depender apenas da cor.
Revisar um gráfico de dados
Carregue um gráfico de linhas com várias séries ou de pizza, alterne entre Protanopia e Tritanopia e confirme que cada série continua distinguível; se as linhas se misturarem, ajuste a paleta ou adicione padrões.
Teste de legibilidade em escala de cinza completa
Escolha Acromatopsia para achatar a imagem somente à luminância; se o texto ou os elementos-chave desaparecerem, seu design depende do matiz em vez do contraste de brilho.
Perguntas frequentes
- Quais tipos de daltonismo ele pode simular?
- Ele simula protanopia (cego ao vermelho), deuteranopia (cego ao verde) e tritanopia (cego ao azul) usando matrizes padrão de transformação RGB, além da acromatopsia, que converte a imagem em escala de cinza baseada na luminância. Escolher Nenhum mantém a imagem original inalterada.
- Minha imagem é enviada para um servidor?
- Não. Toda a simulação acontece localmente no seu navegador usando um canvas HTML — o arquivo nunca sai do seu dispositivo e nada é enviado a nenhum servidor, então funciona offline e mantém suas imagens privadas privadas.
- Quais formatos de imagem e saída posso usar?
- Você pode carregar imagens raster comuns, como PNG, JPG e WebP. O resultado simulado é sempre exportado como PNG para preservar a transparência quando houver.
- Quão precisa é a simulação?
- Ela usa aproximações de matriz de cor linear bem conhecidas, ótimas para detectar problemas de dependência da cor em interfaces e gráficos. São um auxílio prático de design, não uma ferramenta de diagnóstico clínico ou médico, então trate o resultado como orientação e não como uma reprodução exata da visão de uma pessoa.
- Por que as cores simuladas parecem apagadas ou deslocadas?
- Cada deficiência remove ou enfraquece uma resposta dos cones, então as cores que dependem desse canal se deslocam em direção às restantes. Esse colapso de matizes distintos em tons semelhantes é exatamente o efeito que você quer detectar antes de publicar.
Ferramentas relacionadas
Código em imagem
Transforme um trecho de código em um cartão PNG elegante com realce de sintaxe no seu navegador, com tema, fundo em gradiente ou transparente e espaçamento — sem upload.
Verificador de contraste de cor
Verifique a relação de contraste WCAG entre uma cor HEX de primeiro plano e uma de fundo e veja se ela passa em AA e AAA para texto normal e grande.
Misturador de cores
Misture duas cores HEX na proporção que escolher, no espaço RGB ou Lab, e obtenha a cor intermediária como amostra e valor HEX copiável.
Gerador de tons de cor
Transforme uma cor HEX base em uma escala de tons 50-950 no estilo Tailwind, mesclando para o branco e o preto, cada passo com amostra e HEX copiável.