Um simulador de daltonismo rápido e privado
Projetar para todos significa garantir que seu conteúdo visual seja legível para pessoas com deficiências na visão de cores (DVC). Este simulador de daltonismo permite enviar qualquer imagem — seja um mockup de interface de usuário, uma visualização de dados ou uma fotografia — e ver instantaneamente como ela aparece para uma pessoa daltônica.
Como a ferramenta funciona inteiramente no seu navegador, suas imagens nunca são enviadas para um servidor. Você pode testar com segurança designs de UI confidenciais, assets de jogos não lançados ou trabalhos privados de clientes. A manipulação de pixels acontece diretamente no seu dispositivo, oferecendo feedback instantâneo sem a espera de um upload para o servidor.
Os quatro tipos de daltonismo
A visão humana de cores depende de três tipos de células cone no olho, que absorvem a luz vermelha, verde e azul. Quando um ou mais desses cones estão ausentes ou não funcionam corretamente, isso altera a forma como as cores são percebidas. Esta ferramenta simula as quatro categorias principais em um nível de gravidade de 1.0 (ausência total do cone afetado):
Protanopia (Cegueira para o vermelho) Pessoas com protanopia não possuem cones vermelhos. As cores vermelhas parecem muito mais escuras que o normal, muitas vezes tendendo ao preto ou marrom escuro, enquanto verdes, amarelos e laranjas parecem tons semelhantes de amarelo. Usar um simulador de protanopia é crucial ao criar avisos ou estados de erro, pois um texto em vermelho vivo pode se tornar quase invisível contra um fundo escuro.
Deuteranopia (Cegueira para o verde) A deuteranopia é a forma mais comum de daltonismo, causada pela ausência de cones verdes. É muito semelhante à protanopia, pois torna incrivelmente difícil distinguir entre vermelhos, verdes, marrons e laranjas. Gerar uma imagem de teste de deuteranopia é uma das etapas mais importantes na avaliação de um design, especialmente para elementos como sistemas de semáforos ou gráficos financeiros que mostram lucros e prejuízos.
Tritanopia (Cegueira para o azul) A tritanopia é uma condição muito mais rara em que os cones azuis estão ausentes. Pessoas com tritanopia confundem azuis com verdes, e amarelos com violetas ou rosas. O mundo é visto predominantemente em tons de vermelho, ciano e rosa.
Acromatopsia (Monocromatismo) A acromatopsia é o daltonismo total. Pessoas com essa condição veem o mundo inteiramente em tons de cinza. Embora rara, testar a acromatopsia é a verificação definitiva de acessibilidade de cores. Se o seu design funciona em tons de cinza puros, ele depende de contraste e forma em vez de matiz, o que significa que será acessível a quase todos.
Quando usar um teste de acessibilidade de cores
Depender apenas das cores para transmitir significado é um erro comum de design. Passar seus designs por um simulador de daltonismo ajuda a identificar esses problemas antes que cheguem aos usuários.
Visualização de dados e gráficos. Gráficos de linha e de pizza costumam usar legendas com quadrados coloridos. Se você usar vermelho e verde para diferenciar duas linhas, elas podem parecer idênticas para alguém com deuteranopia. Testar seus gráficos ajuda a perceber quando é necessário adicionar padrões, diferentes espessuras de linha ou rótulos diretos.
Interface do usuário e web design. Mensagens de erro são tradicionalmente vermelhas, e as de sucesso, verdes. Se um campo de formulário fica vermelho para indicar um erro, mas não traz um ícone ou texto explicativo, um usuário daltônico pode não perceber a falha. Você pode usar esta ferramenta junto com um Verificador de Contraste de Cores para garantir que o texto continue legível e os estados da interface fiquem claros.
Design de jogos. Videogames costumam usar cores para distinguir amigos de inimigos ou destacar itens interativos. Simular as capturas de tela do seu jogo garante que elementos cruciais da jogabilidade não se misturem com o fundo para jogadores com daltonismo.
Identidade de marca. Ao criar uma nova marca, é útil ver como o logotipo e os materiais de marketing se comportam. Se precisar ajustar as cores da marca para melhorar a distinção, experimente usar um Gerador de Paleta de Cores para criar uma base mais acessível, ou um Seletor de Cores de Imagem para capturar e ajustar tons problemáticos específicos nos seus materiais atuais.
Como o simulador de daltonismo processa as imagens
Esta ferramenta não aplica apenas um filtro de cor genérico. Ela utiliza matrizes de transformação validadas cientificamente, desenvolvidas por Machado, Oliveira e Fernandes (2009).
Para obter uma simulação precisa, a ferramenta primeiro converte os pixels sRGB padrão da sua imagem para um espaço de cores RGB linear. Essa etapa é fundamental porque as imagens digitais padrão usam uma curva gama não linear para armazenar dados de cores de forma eficiente. Aplicar os cálculos de daltonismo diretamente em pixels não lineares resulta em simulações imprecisas e muito escuras. Ao converter para luz linear, aplicar as matrizes de Machado e converter de volta para sRGB, a ferramenta reproduz com precisão a física da luz que atinge o olho humano.
Como esse cálculo pixel a pixel exige muito processamento, a ferramenta redimensiona automaticamente imagens muito grandes (limitando o lado maior a 1200 pixels). Isso garante que o navegador consiga processar os cálculos e renderizar as quatro simulações instantaneamente, sem esgotar a memória do seu dispositivo ou travar a página.