Pular para o conteúdo principal
DevTools by Decussi
  • Ferramentas
  • Dados
  • Segurança
  • Rede
  • Texto
  • Data
  • Web
  • Dev
  • SEO
  • Brasil
Ferramentas
  1. Início
  2. /Ferramentas
  3. /Web
  4. /Simulador de Daltonismo

Simulador de Daltonismo – Veja sua imagem como um daltônico vê

Envie ou cole uma imagem e veja lado a lado como ela aparece com protanopia, deuteranopia, tritanopia e acromatopsia. Tudo no navegador.

🔒Processado no navegador – nenhum dado enviado ao servidor

Até 20 MB. Imagens com mais de 1600 px de largura são reduzidas para a simulação. Nada sai do seu navegador.

Simulação pelo modelo de Machado et al. (2009) com severidade total, aplicado em RGB linear — o mesmo usado pelo Chrome DevTools. Formas parciais (anomalias) são mais comuns e ficam entre a visão típica e o que aparece aqui.

Como usar esta ferramenta

  1. Envie uma imagem, arraste para a página ou cole um print com Ctrl+V
  2. Compare a original com as quatro simulações lado a lado
  3. Para checar texto, troque para o modo Texto e fundo e informe as duas cores
  4. Veja em cada tipo se as cores continuam distinguíveis e o contraste WCAG simulado

Sobre esta ferramenta

O que é

Daltonismo é a deficiência na percepção de cores causada pela ausência ou alteração de um dos três tipos de cone da retina. Afeta cerca de 8% dos homens e 0,5% das mulheres; a forma mais comum confunde vermelho e verde. Simular a visão ajuda a encontrar informação que depende só de cor, como gráficos, status e mapas.

Quando usar

  • Checar se um gráfico ou dashboard continua legível sem distinguir vermelho e verde
  • Revisar estados de erro e sucesso que dependem só de cor
  • Testar um print da interface antes de publicar
  • Validar um par de cores de texto e fundo para acessibilidade

Segurança

Processamento 100% no navegador. Nenhum dado é enviado ao servidor — seus dados sensíveis permanecem no seu dispositivo.

Perguntas frequentes

Qual a diferença entre protanopia, deuteranopia e tritanopia?
Cada uma é a ausência de um tipo de cone. Na protanopia falta o cone L (vermelho), e o vermelho fica escuro. Na deuteranopia falta o M (verde), e vermelho e verde viram tons parecidos de amarelo-mostarda. Na tritanopia, rara, falta o S (azul), e azul se confunde com verde.
Por que o contraste WCAG quase não muda nas simulações?
Porque o contraste WCAG mede só a diferença de luminância, e as simulações preservam a luminância quase inteira. O que desaparece é a diferença de matiz: vermelho e verde com luminância parecida viram duas cores iguais. Por isso o WCAG exige não usar só cor para transmitir informação (critério 1.4.1).
Minha imagem é enviada para algum servidor?
Não. O arquivo é lido pelo navegador, desenhado em um canvas e simulado em JavaScript na própria página. Não há upload; ao fechar a aba, nada fica guardado.
A simulação é exata?
É o modelo mais usado para esse fim, mas simula a forma total (dicromacia). As formas parciais, como deuteranomalia, são mais comuns e ficam entre a visão típica e o que aparece aqui. A percepção individual também varia.

Ferramentas relacionadas

  • 🎨Conversor de Cores
  • ◐Contraste WCAG
  • 🖼Conversor de Imagem
  • ⭐Gerador de Favicon
  • 🖼Imagem ↔ Base64
  • 🎨Gerador de Paleta Tailwind
DevTools

Ferramentas para desenvolvedores, em português. Sem cadastro e sem instalação.

Criado e mantido por Decussi

Ferramentas

  • Todas as ferramentas
  • Dados
  • Segurança
  • Rede
  • Texto
  • Data
  • Web
  • Dev
  • SEO
  • Brasil

Referência

  • Consulta rápida
  • Guias
  • Códigos HTTP
  • Cron
  • Checagens de SEO

Desenvolvedores

  • API e devs
  • llms.txt
  • ai.txt
  • Sitemap

Newsletter

Receba novidades e novas ferramentas no seu email.

Sugira uma ferramenta

Tem uma ideia? Envie sua sugestão.