Color Blindness Simulator

Sobre esta ferramenta

O Simulador de Daltonismo aplica filtros de matriz de cor CSS a cores de amostra para mostrar como os designs aparecem para pessoas com diferentes tipos de deficiência de visão de cores.

Use ao projetar componentes de UI, gráficos, mapas ou qualquer conteúdo visual que depende de cor.

Tipos de daltonismo

• Visão normal: Visão normal: percepção completa de cores
• Protanopia (cego ao vermelho): Protanopia: ausência de cones vermelhos (~1% dos homens)
• Deuteranopia (cego ao verde): Deuteranopia: ausência de cones verdes (mais comum, ~1% dos homens)
• Tritanopia (cego ao azul): Tritanopia: ausência de cones azuis (rara, ~0,003%)
• Acromatopsia (sem cor): Acromatopsia: sem percepção de cor, apenas escala de cinzas (muito rara)
• Acromatopsía parcial (cor reduzida): Acromatopsía parcial: sensibilidade reduzida a cores em múltiplos tipos de cones

Como usar

1. Selecione um tipo de simulação no menu suspenso.
2. Observe como as amostras de cor e o espectro mudam com o filtro aplicado.
3. Compare com a visão normal para identificar combinações de cores problemáticas.

Casos de uso

Designers de UI/UX verificam se os estados de botões e indicadores de status permanecem distinguíveis. Criadores de visualização de dados garantem que as cores dos gráficos sejam acessíveis.

Perguntas frequentes

• Quão precisas são essas simulações? — Usam transformações de matriz de cor estabelecidas e são boas aproximações.
• Que porcentagem de pessoas tem daltonismo? — Cerca de 8% dos homens e 0,5% das mulheres têm alguma forma de deficiência de visão de cores.
• Qual é a melhor forma de projetar para daltonismo? — Combine cor com outras pistas visuais como forma, padrão, rótulo ou textura. Garanta contraste suficiente e teste com vários tipos de simulação.