Informe a cor do texto e a do fundo.
Clique em Verificar.
Copie o resumo da razão e dos critérios.
Verificar contraste
Informe as cores de texto e fundo em HEX, RGB ou HSL para ver a razão e os critérios AA e AAA.
Texto
Fundo
Processado localmente no seu navegador. Seus dados não são enviados para nossos servidores.
Essa ferramenta foi útil?
Obrigado pelo retorno.
Como usar
Sobre a ferramenta
Calcula o contraste WCAG entre duas cores no navegador, com HEX, RGB ou HSL.
Contraste WCAG
A razão usa a luminância relativa das duas cores. AA pede 4,5:1 para texto normal e 3:1 para texto grande. AAA sobe para 7:1 e 4,5:1. Não substitui uma auditoria completa de acessibilidade.
Ferramentas relacionadas
Conversor de CoresConverta HEX, RGB e HSL e copie um trecho CSS.
Extrator de Cores de ImagemExtraia a paleta dominante de uma imagem com pipeta e exportação CSS.
Perguntas frequentes
O que conta como texto grande?
Na WCAG 2, texto com pelo menos 18pt (ou 14pt em negrito). Abaixo disso vale o critério de texto normal (4,5:1 no AA).
fff e #FFFFFF são a mesma cor?
Sim. HEX de 3 dígitos é expandido, com ou sem #. Também entram rgb() e hsl().
Passar em AA garante o site acessível?
Garante só o contraste deste par de cores. Foco, teclado, leitores de tela e texto em imagem ficam de fora desta página.