ToolHub
Abrir ferramenta

Simulador de Daltonismo

Simule como as cores são vistas por pessoas com diferentes tipos de daltonismo

Ferramentas CSS

Sobre esta ferramenta

O Simulador de Daltonismo permite selecionar qualquer cor e ver instantaneamente como ela aparece para pessoas com protanopia, deuteranopia, tritanopia e acromatopsia. Usando matrizes de transformação de cor cientificamente precisas, ele gera resultados de comparação lado a lado, exibindo os valores RGB e HEX de cada simulação.

Principais recursos

Pré-visualização rápida

Casos de uso

color-blindness accessibility a11y simulation

Perguntas frequentes

Quais tipos de daltonismo a ferramenta simula?

A ferramenta simula quatro tipos: protanopia (daltonismo para vermelho), deuteranopia (daltonismo para verde), tritanopia (daltonismo para azul) e acromatopsia (daltonismo total). Cada tipo usa matrizes de transformação de cor cientificamente validadas.

Quão precisos são os resultados da simulação?

A simulação usa matrizes de transformação de cor bem estabelecidas na pesquisa de ciência da visão. Embora forneça uma boa aproximação, a experiência individual do daltonismo varia, portanto, deve ser usada como referência e não como representação exata.

Posso testar várias cores ao mesmo tempo?

A ferramenta simula uma cor por vez, mas você pode alternar rapidamente entre cores usando o seletor de cores, entrada hexadecimal, botões de cores de exemplo ou o botão de cor aleatória. Cada alteração atualiza instantaneamente todos os cinco painéis de simulação.

Meus dados são enviados para um servidor?

Não. Todas as transformações e simulações de cor são calculadas localmente no navegador via JavaScript. Nenhum dado é enviado para servidores, garantindo que suas informações permaneçam completamente privadas.

Como usar isso para testes de acessibilidade?

Selecione uma cor usada no seu design ou aplicativo e verifique se as versões simuladas ainda podem ser distinguidas umas das outras. Se as cores se tornarem muito semelhantes em qualquer tipo de simulação, considere ajustar a paleta para garantir acessibilidade para todos os usuários.