Simulador de Daltonismo
Cor
Solte uma captura de gráfico, dashboard ou design e alterne entre 8 visualizações simuladas: normal, três tipos de cegueira total para cor (protanopia, deuteranopia, tritanopia), três tipos de fraqueza parcial (protanomalia, deuteranomalia, tritanomalia) e monocromático completo (acromatopsia). Cada uma é renderizada aplicando a transformação linear correspondente por pixel via Canvas — rápido e totalmente offline. Útil para revisar gráficos e paletas antes de lançar.
Tipo de visão
Sobre a simulação
A simulação de daltonismo usa transformações lineares de RGB (matrizes estilo Brettel/Viénot). É uma aproximação de como pode parecer, não uma réplica clínica. Sempre valide decisões críticas de acessibilidade com usuários reais ou ferramentas formais como verificadores WCAG.
Como usar
- Solte uma captura de gráfico, paleta ou design.
- Clique em cada chip para ver a imagem renderizada para aquele tipo de visão.
- Baixe uma cópia da simulação atual para compartilhar.
Perguntas frequentes
- São cientificamente precisas?
- São aproximações baseadas em transformações lineares de RGB muito citadas (estilo Brettel / Viénot / Mollon). A visão humana real varia; trate como 'pode aparecer assim', não exato.
- Quais tipos atingem mais gente?
- Deuteranomalia (fraqueza leve para verde) é de longe a mais comum — cerca de 5% dos homens. Protanomalia e dicromia protan/deutan juntas cobrem a maioria das CVD.
- O que é acromatopsia?
- Cegueira total para cor — o mundo é visto em tons de cinza. Muito raro, mas um bom teste de pior caso: se o design funciona em escala de cinza pura, funciona para todos.
- Minha imagem é enviada?
- Não — a simulação roda local com Canvas. Imagem e matrizes ficam no seu navegador.
Ferramentas relacionadas
Paleta de Cor a partir de Imagem
Solte uma imagem e a ferramenta extrai uma paleta de cores dominantes via Canvas — copie HEX ou pegue o conjunto inteiro.
Gerador de CSS Box Shadow
Desenhe box-shadow CSS visualmente em várias camadas, com pré-visualização ao vivo e saída CSS / Tailwind pronta para copiar.
Conversor de Formatos de Cor
Converta qualquer cor entre HEX, RGB, HSL, HSV, OKLCH e uma variável CSS.
Gerador de Gradientes CSS
Crie gradientes CSS lineares ou radiais com várias paradas de cor e copie o código.
Gerador de Paleta de Cores
Crie paletas harmoniosas a partir de uma cor base em seis esquemas.
Verificador de Contraste de Cor
Verifique o contraste texto/fundo nos níveis WCAG AA e AAA.