O que é o seletor de contraste de cor?

Utilize o nosso verificador de contraste de cores online gratuito para avaliar instantaneamente a razão de contraste entre quaisquer cores de primeiro plano e de fundo. Concebido para designers, programadores e criadores de conteúdo, mostra em tempo real a conformidade com as normas WCAG AA/AAA para texto normal, texto grande e elementos gráficos/interface do utilizador. Basta escolher cores, trocá-las e obter feedback imediato de aprovado/reprovado sobre os limiares de acessibilidade (como 4,5:1 para texto normal e 3:1 para texto grande). A interface intuitiva ajuda-o a ajustar paletas para uma melhor legibilidade e um design web inclusivo — sem necessidade de download. Otimize as escolhas de cores do seu site para melhorar a usabilidade, cumprir os padrões de acessibilidade e proporcionar uma experiência mais amigável ao utilizador.

Conformidade com WCAG

Elemento O quê Requisito AA Requisito AAA
Texto normal

Texto normal AA

abaixo de 18pt (24px) ou

abaixo de 14pt (18.66px) negrito

4.5:1 7:1
Texto grande

Cabeçalhos, grandes etiquetas

acima de 18pt (24px) ou

acima de 14pt (18.66px) negrito

3:1 4.5:1
Gráficos e interface do utilizador

Elementos não textuais significativos

Ícones, bordas de formulário, botões

3:1