Verificar contraste de cores
Veja se o texto se lê bem no fundo, com o rácio de contraste WCAG e os resultados AA e AAA. Se falhar, receba a cor mais próxima que passa.
Funciona no seu navegador. Os ficheiros nunca são enviados nem guardados.
Exemplo de texto grande
É assim que o texto normal fica com estas cores.
rácio de contraste
- AA, texto normal ≥ 4.5:1
- AA, texto grande ≥ 3:1
- AAA, texto normal ≥ 7:1
- AAA, texto grande ≥ 4.5:1
- Ícones e botões ≥ 3:1
Algo não funciona, ou falta uma opção?
Como usar: Verificar contraste de cores
- Escolha ou escreva as cores do texto e do fundo.
- Veja o rácio de contraste e que níveis passam.
- Se falhar, use a cor sugerida.
Perguntas
Que nível devo procurar?
O AA é o padrão habitual, legal e de design: 4,5:1 para texto normal e 3:1 para texto grande. O AAA é mais exigente.
Os meus ficheiros são enviados?
Não. A ferramenta funciona dentro do seu navegador e a página está impedida de enviar dados para qualquer lado. Pode confirmar desligando a internet: continua a funcionar.
Componentes de código aberto
Esta ferramenta usa apenas funcionalidades do seu navegador: sem código de terceiros.