Simulador de Acessibilidade de Cores

Visualize como suas cores são percebidas por pessoas com diferentes tipos de daltonismo e verifique a conformidade WCAG

Cores para Testar

Informações de Acessibilidade

Contraste com Texto

#2E55A3 sobre fundo branco
Contraste: 7.13:1 Aprovado
#ff9900 sobre fundo branco
Contraste: 2.14:1 Falha
#66cc33 sobre fundo branco
Contraste: 2.05:1 Falha

Sugestões

Clique em "Sugerir Alternativas" para receber recomendações de cores mais acessíveis.

#2E55A3 AA
#ff9900 Falha
#66cc33 Falha

Sobre Deficiências Visuais de Cores

Tipos de Daltonismo

  • Protanopia: Dificuldade em perceber o vermelho, que pode parecer mais escuro ou marrom-esverdeado. Tons de vermelho e verde podem ser facilmente confundidos.
  • Deuteranopia: Dificuldade em distinguir entre verdes, vermelhos e marrons. Os verdes podem parecer mais acinzentados ou amarelados.
  • Tritanopia: Dificuldade em distinguir entre azul e verde, e entre amarelo e rosa. Azuis podem parecer mais esverdeados, e amarelos podem parecer claramente rosados ou cinzentos.
  • Acromatopsia: Ausência total de percepção de cores (visão em escala de cinza).

Diretrizes WCAG

As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) estabelecem padrões para contraste de cores:

  • Nível AA: Requer uma taxa de contraste de pelo menos 4.5:1 para texto normal e 3:1 para texto grande.
  • Nível AAA: Requer uma taxa de contraste de pelo menos 7:1 para texto normal e 4.5:1 para texto grande.