Simulador de Acessibilidade de Cores

Teste como suas cores são percebidas por pessoas com diferentes deficiências visuais

Escolha suas Cores para Testar

Nome da Cor:
Escolher Cor:

Código Hex:

Paletas Prontas:

Azul Primário

#3366CC

AA ✓
AAA ✗

Contraste c/ branco: 5.37:1
Contraste c/ preto: 3.91:1

Laranja Vibrante

#FF9900

AA ✓
AAA ✓

Contraste c/ branco: 2.14:1
Contraste c/ preto: 9.81:1

Verde Natural

#66CC33

AA ✓
AAA ✓

Contraste c/ branco: 2.05:1
Contraste c/ preto: 10.25:1

Simulação de Deficiências Visuais

Azul Primário

#3366cc

Laranja Vibrante

#ff9900

Verde Natural

#66cc33

Análise de Contraste

Azul Primário – Texto Branco (5.37:1)

Azul Primário – Texto Preto (3.91:1)

Laranja Vibrante – Texto Branco (2.14:1)

Laranja Vibrante – Texto Preto (9.81:1)

Verde Natural – Texto Branco (2.05:1)

Verde Natural – Texto Preto (10.25:1)

Sugestões de Melhoria

Contraste Adequado: Use ferramentas como esta para garantir que suas cores atendam aos padrões WCAG AA (4.5:1) ou AAA (7:1) para texto normal.

Não Dependa Apenas da Cor: Use ícones, padrões ou texto para transmitir informações importantes além da cor.

Teste com Usuários Reais: A melhor validação vem de testes com pessoas que realmente têm deficiências visuais.

Sobre as Deficiências Visuais

Deuteranopia: Dificuldade em distinguir verdes e vermelhos (mais comum). Protanopia: Dificuldade similar, mas com sensibilidade reduzida ao vermelho. Tritanopia: Dificuldade em distinguir azuis e amarelos (mais rara). Cerca de 8% dos homens e 0.5% das mulheres têm algum tipo de deficiência na visão de cores.