O que significam os tipos de daltonismo?

A protanopia carece de cones vermelhos e a deuteranopia de verdes: ambas fundem vermelhos e verdes e afetam cerca de 1% dos homens cada, com formas leves bem mais comuns. A tritanopia afeta o eixo azul-amarelo e é rara; a acromatopsia remove a cor por completo.

Quão comum é o daltonismo?

Cerca de 8% dos homens e 0,5% das mulheres têm alguma deficiência vermelho-verde: um em cada doze usuários homens do que você constrói.

Qual a precisão desta simulação?

Usa as matrizes de Machado, Oliveira e Fernandes da pesquisa em visão, aplicadas em RGB linear com conversão gama correta: a abordagem padrão para pré-visualizar dicromacias.

Como torno meu design acessível para daltônicos?

A cor nunca deve ser o único sinal: acompanhe com ícones, rótulos ou padrões. Mantenha o contraste do texto em 4,5:1 ou mais e prefira paletas azul-laranja a vermelho-verde nos gráficos.

Simulador de daltonismo

Veja qualquer imagem como a veem pessoas com protanopia, deuteranopia, tritanopia ou acromatopsia, lado a lado com o original e severidade ajustável.

O Simulador de daltonismo roda inteiramente no seu navegador com o canvas. Suas imagens são processadas no seu dispositivo e nunca enviadas.

Abrir o Verificador de contraste

Sobre Simulador de daltonismo

O Simulador de daltonismo mostra seu gráfico, interface ou fotografia pelos olhos dos cerca de 8% dos homens e 0,5% das mulheres com uma deficiência de visão de cores. Solte uma imagem, escolha o tipo de visão — deuteranopia e protanopia, as formas vermelho-verde comuns; tritanopia, a rara azul-amarelo; ou acromatopsia, sem cor alguma — e compare o resultado com o original lado a lado. A simulação usa as matrizes de transformação de Machado, com base fisiológica e aplicadas em luz linear com a correção gama adequada. Um controle de severidade cobre as deficiências parciais, bem mais comuns. Se seus estados de erro e sucesso só se distinguem por vermelho contra verde, trinta segundos aqui mostrarão exatamente o que um usuário daltônico não enxerga.

Recursos

Protanopia, deuteranopia, tritanopia e acromatopsia
Matrizes de simulação fisiológicas aplicadas em luz linear
Controle de severidade de anomalia leve a dicromacia completa
Visão lado a lado do original e da simulação
Prevalência indicada para cada tipo de visão
Download da imagem simulada para revisões

Como usar Simulador de daltonismo

Solte uma captura, gráfico ou design
Escolha o tipo de visão a simular
Ajuste a severidade para deficiências parciais
Compare os painéis e baixe o resultado se precisar

Exemplo

Entrada

Dashboard with red error and green success badges

Saída

Under deuteranopia both badges render as the same murky ochre

A clássica falha vermelho-verde: invisível até olhar com os olhos certos.

Erros comuns e solução de problemas

A imagem simulada quase não muda. — Imagens dominadas por azuis, amarelos e neutros sobrevivem bem às deficiências vermelho-verde: isso é aprovação, não defeito. Teste as telas que dependem de vermelhos e verdes.
Tudo fica cinza na acromatopsia. Não é exagero? — A acromatopsia completa remove de fato todo matiz, e é raríssima. Use-a como teste definitivo de contraste: o que sobrevive em tons de cinza sobrevive a tudo.
Os resultados diferem um pouco de outro simulador. — Algumas ferramentas aplicam as matrizes sem correção gama. Esta lineariza primeiro, que é o método publicado; as diferenças aparecem sobretudo nas áreas escuras.

Perguntas frequentes

O que significam os tipos de daltonismo?: A protanopia carece de cones vermelhos e a deuteranopia de verdes: ambas fundem vermelhos e verdes e afetam cerca de 1% dos homens cada, com formas leves bem mais comuns. A tritanopia afeta o eixo azul-amarelo e é rara; a acromatopsia remove a cor por completo.
Quão comum é o daltonismo?: Cerca de 8% dos homens e 0,5% das mulheres têm alguma deficiência vermelho-verde: um em cada doze usuários homens do que você constrói.
Qual a precisão desta simulação?: Usa as matrizes de Machado, Oliveira e Fernandes da pesquisa em visão, aplicadas em RGB linear com conversão gama correta: a abordagem padrão para pré-visualizar dicromacias.
Como torno meu design acessível para daltônicos?: A cor nunca deve ser o único sinal: acompanhe com ícones, rótulos ou padrões. Mantenha o contraste do texto em 4,5:1 ou mais e prefira paletas azul-laranja a vermelho-verde nos gráficos.

Ferramentas relacionadas

Extrator de Paleta de Cores — Extraia a cor dominante e uma paleta de qualquer imagem em HEX, RGB, HSL.
Conversor de Formato de Cor — Veja uma cor em HEX, RGB, HSL, OKLCH e mais de uma vez.
Seletor de Cor de Imagem — Passe o cursor e clique em qualquer pixel de uma imagem para pegar seu HEX, RGB e HSL, no navegador.
Verificador de contraste — Verifique a relação de contraste WCAG e se passa em AA/AAA entre duas cores.
Censurar imagem — Desfoca, pixeliza ou tapa partes de uma captura em definitivo.
Arredondar cantos de imagem — Corta fotos com cantos arredondados ou círculo, PNG transparente.