Simulador de Daltonismo
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.
Guias sobre este tema
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.
Exportador de Tokens de Cor
Defina uma paleta de cores uma vez, exporte para CSS custom properties, config Tailwind, SCSS, LESS, JSON de design tokens, SwiftUI Color ou `colors.xml` Android. Swatches de pré-visualização ao vivo.
Verificador de Contraste de Cor
Verifique o contraste texto/fundo nos níveis WCAG AA e AAA.
Gerador de Paleta de Cores
Escolha uma cor base, obtenha harmonias clássicas de roda de cores — complementar, split-complementar, triádica, tetrádica, quadrado, análoga, monocromática.
Cores Nomeadas do CSS
Todas as 147 cores nomeadas CSS / X11 com HEX, RGB e amostra visual — pesquisáveis e agrupadas por tonalidade.
Paleta de Cores Tailwind
Paleta padrão completa do Tailwind CSS — 22 matizes × 11 tons, 50 até 950 — clique pra copiar como classe Tailwind, HEX ou rgb().