Verificador de Contraste: WCAG AA e AAA – Grátis
Grátis, sem cadastro e funciona no seu navegador. Verifique se um texto é legível sobre o fundo com a razão de contraste da WCAG, veja os resultados AA e AAA para texto normal, texto grande e controles, e receba a cor mais próxima que passa.
Texto grande fica assim
Um texto corrido normal fica assim. Um pequeno jabuti xereta viu dez cegonhas felizes, e as letras miúdas, como uma legenda, ficam logo abaixo.
Texto pequeno: legenda de 14px.
BotãoTaxa de contraste13.08:1
- Texto normal, AA: PassaTexto corrido, pelo menos 4.5:1
- Texto normal, AAA: PassaReforçado, pelo menos 7:1
- Texto grande, AA: Passa18pt+, ou 14pt+ em negrito, pelo menos 3:1
- Texto grande, AAA: PassaReforçado, pelo menos 4.5:1
- Ícones e controles, AA: PassaBotões, bordas, linhas de gráfico: 3:1
Usa a fórmula de contraste da WCAG 2. As taxas nunca são arredondadas para cima, então 4.49:1 não conta como 4.5:1. Verificado no seu dispositivo.
Por que usar Verificador de Contraste de Cores
- 100% grátis
- Use quantas vezes quiser. Sem cadastro, sem marca d'água, sem instalar nada.
- Privacidade desde o início
- O que você digita fica no seu navegador e nunca é enviado para nós.
- Funciona em qualquer dispositivo
- Roda no navegador no Windows, Mac, Linux, Android e iPhone. Não precisa de app.
Como usar Verificador de Contraste de Cores
- Digite a cor do texto e a cor do fundo, ou escolha-as.
- Veja a razão de contraste e os resultados de aprovação ou reprovação.
- Se reprovar, clique em uma cor sugerida que passa.
Perguntas frequentes
- De qual razão de contraste eu preciso?
- A WCAG AA pede 4.5:1 para texto normal e 3:1 para texto grande e elementos de interface como botões e ícones. A AAA pede 7:1 e 4.5:1.
- O que conta como texto grande?
- Pelo menos 18 pontos (24px) em peso normal, ou 14 pontos (cerca de 18,7px) em negrito.
- Ele funciona com cores de texto transparentes?
- Sim. Uma cor de texto transparente é mesclada com o fundo antes de o contraste ser medido.
- Por que 4.49:1 reprova?
- A WCAG determina que as razões não podem ser arredondadas para cima, então qualquer valor abaixo de 4.5:1 não atende ao AA para texto normal.
- Verificador de Contraste de Cores é grátis?
- Sim. É grátis para usar, sem cadastro e sem instalar nada.
Ferramentas relacionadas
- Conversor de Cor HEX para RGBConverta uma cor entre HEX, RGB, HSL, HSV e CMYK em um só passo, incluindo transparência. Cole um código em qualquer formato ou escolha uma cor, depois copie o formato que você precisa e confira o contraste do texto.
- Gerador de Paleta de CoresGere paletas de cores com um toque de tecla, trave as cores de que gostar ou monte uma a partir de uma cor base com harmonias análogas, complementares ou triádicas. Exporte como variáveis CSS, Tailwind ou JSON.
- Descobrir Nome da CorDescubra o nome de qualquer cor: cole um código HEX, RGB ou HSL e veja os nomes de cor CSS mais próximos, uma descrição simples e a lista completa das 148 cores nomeadas para explorar.