Selecione para verificar o contraste de cores
Contraste de cor
4.5:1
Conformidade com WCAG
Texto normal
AA
AAA
Texto grande
AA
AAA
Gráficos e interface do utilizador
AA
Ops! Você não pode verificar o contraste.
O Verificador de Contraste Online funciona com
Ainda não é compatível com
Exemplo visual
Texto grande
Texto normal ou pequeno, texto abaixo de XY pixels aqui. Texto normal ou pequeno, texto abaixo de XY pixels aqui.
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 |