Color Blindness Simulator
Visualize qualquer cor como percebida por pessoas com deficiência de visão cromática — 6 tipos simulados.
① Insira um código HEX ou escolha uma cor ② Simule 6 tipos de daltonismo ③ Copie qualquer HEX simulado
Experimentar um preset:
O que é Daltonismo e por que é Importante para o Design?
O daltonismo (deficiência de visão de cores) afeta aproximadamente 8% dos homens e 0,5% das mulheres. Os tipos mais comuns — deuteranopia e deuteranomalia — envolvem confusão entre tons vermelhos e verdes. O critério WCAG 2.1 SC 1.4.1 requer que a cor não seja o único meio visual de transmitir informações. Este simulador usa o modelo LMS validado cientificamente (Viénot 1999)
Perguntas frequentes
O daltonismo é a incapacidade de distinguir certas cores por ausência ou mau funcionamento de células cónicas na retina. Afeta cerca de 8% dos homens e 0,5% das mulheres. A forma mais comum é a deuteranomalia (sensibilidade reduzida ao verde), seguida pela protanomalia. A tritanopia (azul-amarelo) é muito mais rara (~0,01%).
A ferramenta usa o modelo LMS (método Viénot 1999). Pipeline: HEX → sRGB [0,1] → RGB linear (remoção gamma) → respostas LMS dos cones via matriz Hunt-Pointer-Estevez → matriz de simulação de déficit → LMS → RGB linear → sRGB → HEX. Produz resultados perceptivamente precisos.
Deuteranopia: cones M (verde) ausentes — verdes, vermelhos e laranjas parecem similares. Protanopia: cones L (vermelho) ausentes — vermelhos aparecem muito escuros e confundidos com verde/marrom. Tritanopia: cones S (azul) ausentes — azuis e verdes confundidos com vermelhos e rosas. Formas anômalas implicam sensibilidade reduzida em vez de ausente.
Insira cada cor-chave da sua UI — botões primários, indicadores de estado, gráficos, badges. Para cada simulação, verifique se a cor ainda transmite o significado desejado. Se a cor simulada tornar-se indistinguível de outro elemento, adicione um segundo sinal: ícone, padrão, rótulo ou borda.
WCAG 2.1 SC 1.4.1 (Nível A): a cor não deve ser o único meio visual de transmitir informações. SC 1.4.3 (Nível AA): o contraste do texto deve ser pelo menos 4,5:1 (3:1 para texto grande). Esses requisitos se aplicam independentemente do tipo de visão cromática.
As combinações mais seguras mantêm alto contraste de luminância independentemente do tom. Azul-laranja e azul-amarelo funcionam para a maioria dos déficits. As combinações vermelho-verde são as mais problemáticas para deuteranopia e protanopia. Adicione ícones ou padrões junto à codificação cromática.
Esta ferramenta simula uma cor de cada vez — ideal para verificar cores de marca, entradas de paleta e elementos-chave da UI. Para testar uma página completa, use extensões como NoCoffee ou Colorblinding, ou os filtros de cor do sistema operacional (macOS: Ajustes → Acessibilidade → Tela → Filtros de Cor; Windows 11: Configurações → Acessibilidade → Filtros de Cor).