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

Gerador de papel quadriculado

Crie papel quadriculado para imprimir online: escolha grade ou pontos, ajuste o espaçamento em mm, selecione A4 ou Carta e uma cor de linha personalizada, e imprima ou baixe um SVG nítido.

Gerador de papel pautado

Crie papel pautado para imprimir de graça. Escolha pauta média, larga ou estreita, defina o espaçamento das linhas em mm, o tamanho da página e uma linha de margem, e imprima ou baixe o SVG.

Criador de gráficos de ponto cruz

Transforme JPEG, PNG ou WebP em gráfico de ponto cruz imprimível com 10–150 pontos, 2–40 cores próprias, símbolos, contagens exatas e medidas do tecido.

Conversor de Pantone para HEX

Converta cores Pantone PMS para os valores mais próximos de HEX, RGB e CMYK para correspondência em tela e impressão, com pré-visualização de amostras.

Divisor de Grade do Instagram

Divida uma imagem ampla em uma grade 3×3 do Instagram, ou qualquer número de linhas. As peças são numeradas para facilitar o upload em ordem inversa.

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.

Ferramenta disponível em outros idiomas