Verificador de contraste de cores WCAG gratuito: teste cores de texto e de fundo para conformidade com AA e AAA em seu navegador. Insira valores hexadecimais ou RGB, veja a taxa de contraste e passe/reprove instantaneamente. Sem login, sem upload.
Ele calcula a taxa de contraste WCAG 2.x entre uma cor de primeiro plano (texto) e uma cor de fundo usando a luminância relativa sRGB. Você obtém uma proporção numérica (por exemplo, 4,52:1) além de aprovação/reprovação para limites WCAG AA e AAA em texto normal e texto grande. É um auxiliar de controle de qualidade de design – não uma auditoria de acessibilidade totalmente automatizada de todo o seu site.
Hexadecimal (#RGB, #RRGGBB, #RRGGBBAA), rgb() e rgba(). Cole os valores da paleta de marca de tokens Figma, variáveis CSS ou documentos de design. Hexadecimal curto como #fff se expande para #ffffff antes que a luminância seja calculada.
AA é a linha de base legal e de produto comum: 4,5:1 para texto normal, 3:1 para texto grande. AAA é mais rigoroso: 7:1 normal, 4,5:1 grande. Muitos sites de marketing têm como alvo AA para texto do corpo e AAA apenas para manchetes principais ou interface de usuário de alto risco. Esta ferramenta mostra ambos para que você possa escolher um alvo defensável com design.
O texto grande tem pelo menos 18 pontos (24 CSS px) de peso normal ou pelo menos 14 pontos em negrito (cerca de 18,66 CSS px). Botões, legendas e letras miúdas geralmente falham em AA, mesmo quando os títulos passam – verifique todos os tamanhos enviados, não apenas a amostra H1.
Não. A análise e a matemática de luminância são executadas inteiramente no seu navegador. Experimentos de paleta não lançados e cores NDA do cliente permanecem no seu dispositivo. Limpe os campos nas máquinas compartilhadas quando terminar.
Os valores rgba e #RRGGBBAA são analisados, mas o contraste é avaliado em canais sRGB opacos – o verificador não compõe texto alfa sobre fundos fotográficos. Para texto em imagens, experimente a cor efetiva por trás da cópia ou use primeiro uma sobreposição sólida e depois verifique novamente.
Sim. Gratuito, sem login para a proporção principal e caminho de aprovação/reprovação.