Verificador de Contraste
Verifique contraste e acessibilidade
Teste a proporção de contraste entre quaisquer duas cores contra o WCAG AA e AAA, corrija combinações reprovadas automaticamente e veja como suas cores ficam com deficiência de visão de cores.
Primeiro plano e fundo
3.54:1
Proporção de contraste
Correções rápidas
Título de pré-visualização
Um pequeno jabuti xereta viu dez cegonhas felizes. Textos de corpo pequenos precisam atender às mesmas regras de contraste para permanecerem legíveis para todos.
Texto grande (negrito, 16px)
Simulador de daltonismo
FAQ
Perguntas sobre o verificador de contraste
Qual proporção de contraste eu preciso?
O WCAG AA exige pelo menos 4,5:1 para texto normal e 3:1 para texto grande (18pt+ ou 14pt em negrito). O AAA eleva isso para 7:1 e 4,5:1, respectivamente.
O que significam os selos AA e AAA?
Eles mostram o nível WCAG mais alto que sua combinação de texto e fundo atende para texto normal e grande. O verificador os atualiza em tempo real conforme você ajusta as cores.
Para que serve o simulador de daltonismo?
Ele mostra como suas cores aparecem para pessoas com diferentes tipos de deficiência de visão de cores, para você garantir que nenhum significado dependa apenas da cor.
A ferramenta pode corrigir automaticamente um contraste reprovado?
Sim. As sugestões ajustam a luminosidade do texto ou do fundo até a combinação atingir a proporção desejada, mantendo-se o mais próximo possível da sua cor original.
Comece agora
Sua próxima paleta está a uma imagem de distância
Escolha cores, extraia paletas e exporte código — grátis, privado e instantâneo.