Simulador de daltonismo para três tipos de deficiência visual

Este simulador de daltonismo transforma uma cor sRGB hexadecimal com uma matriz padrão fixa para protanopia, deuteranopia ou tritanopia. Ele retorna a cor original normalizada, o tipo de visão escolhido, a cor hexadecimal simulada e os valores dos canais vermelho, verde e azul. O resultado é uma aproximação prática para verificações iniciais de design, comparações de paletas, documentação e fluxos automatizados de qualidade. Ele não diagnostica a visão nem reproduz a percepção de todas as pessoas, mas torna visíveis mudanças de cor potencialmente confusas antes que um design chegue aos usuários.

Escolha a cor original e o tipo de simulação

Comece com uma cor escrita como valor sRGB hexadecimal, usando a forma compacta de três dígitos, como #F80, ou a forma completa de seis dígitos, como #FF8800. Depois, escolha protanopia, deuteranopia ou tritanopia. A protanopia representa a ausência de resposta funcional dos cones sensíveis a comprimentos de onda longos e costuma alterar relações que envolvem vermelho.

A deuteranopia representa a ausência de resposta funcional dos cones de comprimento de onda médio e geralmente afeta distinções relacionadas ao verde. A tritanopia representa a ausência de resposta funcional dos cones de comprimento de onda curto e pode mudar relações entre azul e amarelo. Ele também rejeita nomes de cores, valores sem cerquilha, canais alfa e textos hexadecimais malformados.

A cor original retornada é expandida e normalizada em maiúsculas para facilitar comparações.

Entenda como a aproximação é calculada

Primeiro, o simulador converte o texto hexadecimal em três canais sRGB inteiros de zero a 255. Em seguida, seleciona a matriz fixa de 3 por 3 associada ao tipo de daltonismo solicitado. Cada canal de saída é a soma ponderada dos canais vermelho, verde e azul originais.

Os valores calculados são arredondados para o inteiro mais próximo, limitados ao intervalo válido e formatados como uma cor hexadecimal de seis dígitos. Essa é uma aproximação matricial determinística: entradas idênticas sempre produzem saídas idênticas, sem solicitações de rede, escolhas aleatórias, perfis de usuário ou estado dependente do dispositivo. Essa consistência ajuda em auditorias repetíveis e testes de snapshot.

Porém, uma amostra simulada isolada não é um parecer completo de acessibilidade. A visão de cores varia entre pessoas, a calibração das telas varia e as cores ao redor influenciam a percepção. Use a transformação para revelar mudanças e possíveis colisões.

Combine-a com medição de contraste, pistas que não dependam de cor, rótulos, padrões e testes dos estados completos da interface antes de tomar uma decisão final.

Use o resultado em um fluxo de design acessível

Compare a cor simulada retornada com outras cores transformadas da mesma paleta, principalmente aquelas que comunicam status, seleção, validação ou categorias de gráficos. Duas cores originais claramente diferentes podem se aproximar em uma das simulações. Se ficarem difíceis de distinguir, ajuste matiz, luminosidade, saturação, bordas, ícones, texto ou padrões, em vez de depender somente da cor.

A saída estável simplifica revisões de regressão quando um sistema de design muda. Lembre-se de que esta capacidade avalia uma transformação de cor, não o contraste entre primeiro plano e fundo nem uma página renderizada inteira. Uma análise sólida combina a simulação com verificações de contraste e testes de usabilidade centrados em pessoas.

Registre qual tipo de matriz foi usado para que a equipe possa reproduzir o resultado e compreender cada alteração na paleta.