Softonic

Simulador de Daltonismo

Etapa 1 / 3 Tipo de simulação

Cerca de 8% dos homens e 0,5% das mulheres têm alguma forma de deficiência de visão de cores, mais comumente vermelho-verde. Envie um design, captura de tela ou ilustração, escolha um modo de simulação e compare o original com o resultado simulado lado a lado. Útil para verificar se um gráfico, mapa ou interface permanece legível quando você não depende apenas da cor.

Como o simulador funciona

  1. 1

    Insira uma imagem

    PNG, JPG, WebP ou SVG. Processado no navegador, nada enviado.

  2. 2

    Escolha um modo de simulação

    Selecione protanopia, protanomalia, deuteranopia, deuteranomalia, tritanopia, tritanomalia, acromatopsia ou acromatomalia.

  3. 3

    Compare lado a lado

    O navegador aplica uma transformação de matriz e mostra o original ao lado da simulação selecionada.

  4. 4

    Exporte a imagem simulada

    Baixe a simulação selecionada como PNG ou faça capturas de tela da comparação para revisões de design.

Formas de deficiência de visão de cores

Condição Prevalência Característica
Deuteranomalia ~5% dos homens Anomalia vermelho-verde, cone M deslocado
Protanomalia ~1% dos homens Anomalia vermelho-verde, cone L deslocado
Deuteranopia ~1% dos homens Cone M ausente, vermelho-verde mal distinguível
Protanopia ~1% dos homens Cone L ausente, percepção de vermelho deslocada
Tritanopia muito rara Cone S ausente, eixo azul-amarelo colapsado
Tritanomalia muito rara Cone S deslocado, leve perda azul-amarela
Acromatopsia extremamente rara Cegueira total de cores, apenas escala de cinza

A maioria dos designers começa por deuteranopia e protanopia, porque as deficiências vermelho-verde são as mais comuns, e depois adiciona os modos anômalos e azul-amarelo para uma revisão mais ampla.

Implicações de design

  • Não confie apenas em vermelho/verde para distinguir estados. Indicadores de erro/sucesso precisam de uma forma, ícone ou rótulo de texto além da cor. Um X vermelho e um check verde são perceptivelmente diferentes; círculos vermelhos e verdes não são.
  • Gráficos: use preenchimentos de padrão, rótulos diretos ou paletas perceptivamente distintas (ColorBrewer, Viridis). Evite a paleta de semáforo para visualização de dados.
  • Mapas: bordas e hachuras para distinguir regiões; apenas a cor falha.
  • Hiperlinks: nunca estilizados apenas pela cor. Sublinhados ou peso ajudam a todos, incluindo pessoas com visão normal de cores.
  • Campos de formulário obrigatórios: um asterisco vermelho mais rótulo “Obrigatório” ou borda vermelha mais texto auxiliar “Obrigatório”.
  • Indicadores de status: semáforo vermelho/amarelo/verde funciona como um reforço, nunca como o único sinal.

Boas escolhas de paleta para design seguro em cores

  • Viridis (usado por padrão no matplotlib, D3): roxo a amarelo, perceptivamente uniforme.
  • ColorBrewer qualitativo: 8 matizes distintas projetadas para permanecerem distinguíveis nas formas comuns de CVD.
  • Okabe-Ito: paleta de 8 cores especificamente projetada para acessibilidade daltônica.

Ferramentas e testes

  • Pré-visualizações do simulador (esta ferramenta), verificação visual rápida.
  • Verificador de contraste WCAG, garante que o texto permaneça legível independentemente da percepção de cor.
  • Teste com usuários reais, nada substitui mostrar seu design a usuários daltônicos reais.

Curiosidade

Simuladores modernos de visão de cores usam aproximações por matriz de como as respostas dos cones são mapeadas em RGB. Trate a pré-visualização como uma verificação prática de design, não como diagnóstico médico nem como cópia exata da percepção de uma pessoa específica.

Perguntas frequentes

É uma aproximação útil, mas a percepção real das cores varia de pessoa para pessoa. A maioria das deficiências vermelho-verde fica em um espectro de leve a severo; use a pré-visualização como sinal de design, não como diagnóstico.

A deuteranomalia cobre a maior parte dos usuários daltônicos (~5% dos homens). Testar contra deuteranopia (a forma severa) é uma verificação conservadora, se um design funciona lá, também funciona para a anomalia mais leve.

Sim, embora muito menos frequentemente (~0,5%). A deficiência vermelho-verde é recessiva ligada ao X, então homens (XY) precisam apenas de um X afetado; mulheres (XX) precisam de ambos. A tritanopia é autossômica e afeta os sexos igualmente.

Não diretamente nesta ferramenta, isso é simulação geral de baixa visão, que também envolve desfoque e redução de contraste. Para simulação completa de acessibilidade, ferramentas dedicadas como o Lighthouse do Chrome ou NoCoffee cobrem isso.

Ferramentas relacionadas

Vetorizador de PNG para SVG

Transforme imagens raster PNG em caminhos SVG no navegador. Ideal para logotipos, ícones e desenhos lineares. Controle limiar, quantidade de cores e suavização.

Gerador de letras de grafite

Crie letras de grafite com efeitos tag, bubble, block, estêncil, neon e wild. Ajuste as cores e exporte PNG ou SVG diretamente no navegador.

Criador de Crachás

Crie até 60 crachás imprimíveis a partir de uma lista Nome | segunda linha. Escolha 8 cartões ou 15 etiquetas por página em A4 ou US Letter e imprima localmente.

Criador de Capa de Álbum

Crie localmente uma capa quadrada com título, artista, texto opcional, tema e sua imagem. Exporte em SVG ou PNG.

Quadro branco online

Desenhe ideias e organize formas, notas e imagens locais em um quadro branco privado no navegador. Exporte PNG, JPEG, SVG ou JSON editável.

Criador de convites

Faça convites de casamento, festa de 15 anos, aniversário, chá de bebê ou evento corporativo. Personalize texto e cores, veja a prévia ao vivo e baixe um PNG para imprimir em 13 × 18 cm.