Verifique paletas para protanopia e deuteranopia

Suas cores devem continuar separáveis quando uma pessoa com deficiência frequente de visão vermelho-verde observa um gráfico, mapa, painel ou interface. Este verificador simula protanopia e deuteranopia completas, mede cada par em um espaço de cor perceptual e identifica pares abaixo do limite escolhido. Ele oferece um alerta inicial reproduzível, enquanto a análise final de rótulos, formas, estilos de linha e tamanhos reais permanece a cargo do design.

Teste todas as relações da paleta categórica

A cor categórica diferencia classes independentes: linhas de produto em um gráfico, rotas em um mapa, estados em um painel ou equipes em um planejamento. Uma paleta pode parecer variada e ainda conter duas cores que convergem para uma pessoa com deficiência de visão vermelho-verde. Insira de duas a sessenta e quatro cores hexadecimais. O verificador normaliza a notação curta e longa, avalia cada par único e devolve os índices originais para que você localize as amostras exatas no sistema de origem. O resultado informa se a paleta passou, quantos pares foram examinados e quais precisam de atenção. Também devolve cores hexadecimais simuladas para protanopia e deuteranopia, facilitando a inspeção ou reprodução do cálculo. Use um par sinalizado como motivo para aumentar a diferença de luminosidade, saturação ou matiz e execute novamente. Cores duplicadas são sinalizadas porque a distância perceptual é zero. Notação inválida, listas grandes demais e paletas com menos de duas cores são rejeitadas para não gerar conclusões enganosas.

Entenda a simulação e o limite

O cálculo primeiro decodifica cada cor sRGB e lineariza seus canais, pois matrizes de deficiência não devem ser aplicadas diretamente a valores de tela com gama. Em seguida, aplica separadamente matrizes estabelecidas de intensidade completa para protanopia e deuteranopia, converte cada resultado simulado em CIE Lab e mede a separação pela fórmula CIE76. Um par é sinalizado quando sua distância fica estritamente abaixo do limite. O padrão é 20, um valor prático de triagem para paletas categóricas, e não uma afirmação de que um número represente toda pessoa ou condição de visualização. Você pode reduzi-lo para uma verificação técnica menos conservadora ou aumentá-lo quando marcas pequenas, linhas finas, telas ruins ou leitura rápida exigirem mais separação. A saída mantém os resultados das duas condições separados e fornece uma lista consolidada, permitindo que fluxos automatizados falhem uma vez sem perder detalhes. A distância original aparece nos pares sinalizados para revelar cores inicialmente distantes que convergem após a simulação. As distâncias exibidas são arredondadas para resultados estáveis.

Use o resultado como parte do design acessível

Uma paleta aprovada fornece evidência útil, mas não é um certificado completo de acessibilidade. A aparência das cores muda com o entorno, tamanho das marcas, antisserrilhamento, calibração da tela, luz ambiente e tipo ou intensidade da visão cromática individual. Mais importante: interfaces não devem comunicar significado essencial apenas pela cor. Combine a verificação com rótulos diretos, ícones, padrões, formas, linhas tracejadas ou posição, para que uma pessoa reconheça categorias mesmo quando duas cores forem difíceis de nomear. Em gráficos, teste a visualização pronta no tamanho esperado, em vez de aprovar apenas amostras isoladas. Para estados como sucesso e falha, confira separadamente o contraste entre texto e fundo, pois distância categórica e contraste WCAG respondem a questões diferentes. Em um sistema de design, execute esta capacidade quando os tokens mudarem e armazene o JSON determinístico com os demais controles. A mesma entrada ordenada sempre recebe o mesmo cálculo, sem rede, aleatoriedade, inferência de modelo ou dados temporais. Navegador e API usam o mesmo solucionador, permitindo experimentar e aplicar o limite na integração contínua por US$ 0,002 por solicitação.