Simulador de Daltonismo
Veja como uma imagem aparece para pessoas com protanopia, deuteranopia, tritanopia ou acromatopsia. Ferramenta de acessibilidade para designers e desenvolvedores.
Clique ou arraste uma imagem aqui
PNG, JPEG, WebP
Tipo de daltonismo:
Original
Simulação
Tipos de daltonismo
- Protanopia — dificuldade em perceber a cor vermelha (~1% dos homens)
- Deuteranopia — dificuldade em perceber a cor verde (tipo mais comum, ~5% dos homens)
- Tritanopia — dificuldade em perceber a cor azul (raro, ~0,01%)
- Acromatopsia — ausência total de percepção de cores (enxerga em escala de cinza)
Conferir a cor antes de publicar
O painel usa bolinha verde para tudo certo e vermelha para erro, o gráfico tem duas linhas de tons parecidos e a mensagem de falha é vermelha sobre cinza. Para cerca de um em cada doze homens, boa parte disso vira a mesma cor. Arraste um print ou um arquivo de imagem para a área acima e compare original e simulação lado a lado, com opção de baixar o resultado em PNG para anexar no card ou no pull request.
Cada pixel passa por uma matriz 3x3 sobre os canais RGB, no espírito dos modelos de Brettel e Machado. Dois pontos que quase ninguém conta: a simulação representa dicromacia, a ausência completa de um tipo de cone, que é a ponta severa do espectro, enquanto os casos mais comuns são anômalos e mais suaves; e a matriz é aplicada direto no sRGB com gama, não em luz linear. Leia o resultado como aproximação, não como medição.
Use para caçar informação que existe só na cor: onde duas áreas se fundem, acrescente rótulo, ícone, tracejado ou diferença de luminosidade. O modo acromatopsia funciona bem como teste de tons de cinza, e é o mais rápido para achar contraste fraco. Ele não mede razão de contraste nem tamanho de fonte, então não substitui a checagem WCAG. A imagem é lida e desenhada no próprio navegador, sem upload; a prévia é limitada a 600 px de largura.
Perguntas frequentes
A imagem é enviada para algum servidor?
Isso serve como teste de daltonismo, tipo Ishihara?
Se eu só puder testar um tipo, qual escolho?
Ferramentas Relacionadas
Cores da Imagem
Carregue uma imagem e descubra a cor de qualquer pixel em tempo real. Passe o mouse para ver HEX, RGB e HSL com lupa. Extrai automaticamente a paleta de cores dominantes.
Verificador de Contraste (WCAG)
Verifique o contraste entre cor de texto e fundo conforme as diretrizes WCAG 2.1. Exibe a proporção e os níveis AA e AAA para texto normal e grande.
Eyedropper (Conta-gotas) da Tela
Explica como usar a API EyeDropper do navegador para coletar uma cor de qualquer ponto da tela.