Linearização sRGB de um canal
C_lin = C ÷ 12,92 se C ≤ 0,04045; caso contrário, ((C + 0,055) ÷ 1,055)^2,4
C é o valor do canal entre 0 e 1 (valor ÷ 255).
Simulador de daltonismo
Carregue uma imagem e simule localmente protanopia, deuteranopia, tritanopia ou acromatopsia.
- Exportar
Imagem
Nenhuma imagem carregada
Arraste uma imagem para aqui
Adicione uma imagem PNG, JPEG ou WebP. O ficheiro permanece no dispositivo e todas as edições são feitas localmente no navegador.
Precisas de mais opções?
Utiliza várias ferramentas de edição num único espaço, com o ficheiro aberto e as alterações em curso.
Abrir o editor completoA processar…0 %
Esta ferramenta foi útil?
Como funciona esta ferramenta?
Cerca de 8 % dos homens e 0,5 % das mulheres de origem norte-europeia distinguem mal algumas cores, sobretudo o vermelho e o verde. Este simulador mostra como uma imagem, uma maqueta ou um gráfico pode ser visto com sete formas de daltonismo, para detetar antes de publicar uma legenda, um estado ou um botão que só se distingue pela cor.
Importe uma imagem PNG, JPEG ou WebP, escolha um Tipo de simulação e clique em Aplicar simulação. Estão disponíveis três dicromacias, em que falta um tipo de cone (protanopia para o vermelho, deuteranopia para o verde, tritanopia para o azul), três tricromacias anómalas mais frequentes e mais ligeiras (protanomalia, deuteranomalia, tritanomalia) e a acromatopsia, que mantém apenas a luminosidade.
Cada píxel é primeiro convertido de sRGB para luz linear e depois multiplicado pela matriz 3 × 3 publicada por Machado, Oliveira e Fernandes (2009) para o tipo escolhido: severidade 1,0 para as dicromacias e 0,6 para as anomalias. O resultado é depois recodificado em sRGB. A acromatopsia substitui cada cor pela sua luminância relativa.
A imagem simulada está limitada a 1600 px no lado maior, o que chega para uma verificação visual. Antes / depois e Lado a lado comparam o original com a simulação. Todo o cálculo fica no seu navegador.
Como usar esta ferramenta
Importe a imagem
Arraste uma captura de ecrã, uma maqueta ou um gráfico em PNG, JPEG ou WebP.
Escolha o tipo
Selecione por exemplo Deuteranopia, a forma mais frequente de daltonismo vermelho-verde, e aplique a simulação.
Compare e transfira
Use Antes / depois para comparar e transfira a imagem simulada se a quiser partilhar.
Cálculo da simulação
As matrizes de Machado aplicam-se a luz linear: cada canal é linearizado, transformado e recodificado em sRGB.
Transformação da cor
(R', G', B') = M × (R_lin, G_lin, B_lin)
O resultado é limitado entre 0 e 1 e recodificado em sRGB com a função inversa.
- C
- valor do canal vermelho, verde ou azul, entre 0 e 1
- M
- matriz 3 × 3 do tipo de daltonismo escolhido
- R', G', B'
- cor percebida, em luz linear
Casos de uso
Gráficos e painéis
Verifique se as curvas vermelha e verde de um gráfico continuam distinguíveis sem ler a legenda.
Interfaces e formulários
Confirme que um campo com erro ou um estado «aprovado» continua visível sem a sua cor.
Mapas e impressos
Teste um mapa, uma planta do metro ou um cartaz antes da impressão.
Exemplos
Vermelho e verde de um painel com deuteranopia
As duas cores passam a dois tons de azeitona quase idênticos: o canal vermelho só difere num ponto. Um estado indicado apenas pela cor torna-se ilegível; acrescente um ícone ou um texto.
Entrada
Indicador «erro» #E53935 e indicador «sucesso» #43A047, simulação Deuteranopia (sem verde)Resultado
Vermelho simulado #98892E (152, 137, 46); verde simulado #978A4E (151, 138, 78)As mesmas cores com acromatopsia
A luminância relativa das duas cores é próxima, por isso sem cor a diferença de cinzento é pequena. Um contraste de luminosidade maior ajudaria todos os leitores.
Entrada
#E53935 e #43A047, simulação Acromatopsia (sem cor)Resultado
Cinzento #7B7B7B (123) e cinzento #8D8D8D (141)Dicas e boas práticas
- Teste pelo menos a deuteranopia e a protanopia: os daltonismos vermelho-verde são a grande maioria dos casos.
- Antes de experimentar outro tipo, volte ao original com Anular (Ctrl+Z); caso contrário, a nova simulação é aplicada à imagem já simulada.
- Uma informação nunca deve depender apenas da cor (WCAG 2.2, critério 1.4.1): acrescente uma forma, um padrão ou uma etiqueta.
- A simulação é um modelo médio: a perceção varia de pessoa para pessoa e de ecrã para ecrã. Não substitui um teste com utilizadores reais.
Fontes e referências
- G. M. Machado, M. M. Oliveira, L. A. F. Fernandes, A Physiologically-based Model for Simulation of Color Vision Deficiency (abre num novo separador), IEEE Transactions on Visualization and Computer Graphics, 2009Página em inglês
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2 — Use of Color (abre num novo separador)Página em inglês
Perguntas frequentes
Qual é a diferença entre protanopia e protanomalia?
Na protanopia faltam os cones sensíveis ao vermelho; na protanomalia existem, mas estão desviados. A ferramenta simula a segunda com severidade 0,6, por isso o efeito é mais ligeiro.
Que tipo devo testar primeiro?
A deuteranomalia e a deuteranopia, depois a protanomalia e a protanopia. A tritanopia e a acromatopsia são muito mais raras.
Em que modelo se baseia a simulação?
Nas matrizes de Machado, Oliveira e Fernandes (2009), aplicadas em RGB linear. A acromatopsia usa a luminância relativa definida para sRGB.
Porque é que a imagem transferida é mais pequena?
A simulação é calculada numa cópia limitada a 1600 px no lado maior. Serve para verificar um design, não para substituir o seu ficheiro.
A simulação corrige as cores?
Não. Mostra um resultado provável; depois, cabe-lhe alterar as cores, o contraste ou as etiquetas do design original.
A minha imagem é enviada para um servidor?
Não. O cálculo píxel a píxel é feito no seu navegador e a imagem fica no seu dispositivo.
Ferramentas relacionadas
Continue com estas ferramentas
Ferramentas semelhantes ou complementares a esta.
Ferramentas semelhantes
Converta uma cor entre HEX, RGB e HSL com os respetivos valores equivalentes.
Imagens e gráficosUtilizar esta ferramenta
Extraia uma paleta dominante de uma imagem sem a enviar para um servidor.
Imagens e gráficosUtilizar esta ferramenta
Crie uma paleta complementar, análoga, triádica ou monocromática a partir de uma cor.
Imagens e gráficosUtilizar esta ferramenta