Verificador de Contraste
Escolha uma cor de texto e uma de fundo para obter a taxa exata de contraste, os selos de aprovação WCAG e uma prévia ao vivo com texto normal e grande.
Grátis Roda no navegador Sem cadastro
18.88: 1Taxa de contraste
AA Texto normal: Aprovado AA Texto grande: Aprovado AAA Texto normal: Aprovado AAA Texto grande: Aprovado
Prévia
Prévia
A rápida raposa marrom salta sobre o cão preguiçoso.
Predefinições
O WCAG AA exige 4,5:1 para texto normal e 3:1 para texto grande.
Como usar
1
Defina as cores
Escolha a cor do texto e a cor de fundo, ou cole valores HEX.
2
Leia a taxa
A ferramenta mostra a taxa e quais níveis WCAG são aprovados.
3
Ajuste até passar
Altere as cores e acompanhe os selos atualizando ao vivo.
Por que usar esta ferramenta
WCAG AA e AAA
Os limites para texto normal e grande são verificados separadamente.
Prévia ao vivo
Veja como o par fica com texto corrido e com um título grande.
Taxas exatas
Usa a fórmula de luminância relativa do WCAG.
Perguntas frequentes
Qual taxa eu preciso?
O WCAG AA exige 4,5:1 para texto normal e 3:1 para texto grande. O AAA sobe para 7:1 e 4,5:1.
O que conta como texto grande?
18pt (24px) normal ou 14pt (18,66px) em negrito, ou maiores.
Verifica contraste de elementos que não são texto?
Não. Esta ferramenta avalia contraste de texto; componentes de interface têm uma exigência separada de 3:1.
Por que minha taxa difere de outra ferramenta?
Pequenas diferenças vêm do arredondamento. Esta ferramenta usa a fórmula de luminância relativa do WCAG com canais sRGB.
Algo é enviado para um servidor?
Não. A matemática das cores roda localmente no seu navegador.
Ferramentas relacionadas
Cor e design Gerador de Gradiente CSS Crie gradientes CSS lineares, radiais e cônicos com pontos de cor ajustáveis e copie o CSS ou o valor Tailwind. Grátis e local. Cor e design Conversor de Cores Converta cores entre HEX, RGB, HSL e HSV, escolha no seletor e copie valores prontos para usar em CSS e ferramentas de design. Ferramentas de imagem Compressor de Imagens Comprima imagens JPG, PNG e WebP no navegador. Controle a qualidade, reduza a largura, compare tamanhos e baixe sem enviar nada. Ferramentas de imagem Gerador de Favicon Gere um conjunto completo de favicons a partir de uma imagem: recorte o quadrado, crie PNGs de 16 a 512, ícone Apple, manifest e HTML. Ferramentas de desenvolvimento Codificador e Decodificador Base64 Codifique texto em Base64 ou decodifique Base64 de volta para texto, com suporte a UTF-8 e à variante URL-safe. Roda no navegador, sem upload. Ferramentas de texto Conversor de Caixa de Texto Converta texto entre MAIÚSCULAS, minúsculas, Title Case, caixa de frase, camelCase, PascalCase, snake_case e kebab-case na hora.
Última atualização: