Verificador de contraste de cores
ProntaCalcule grátis o contraste WCAG de duas cores e confira limites AA e AAA com prévia.
Todas as ferramentas são gratuitas. Limites de tamanho e processamento podem variar por ferramenta.
Relação de contraste:
AA · Texto normal (≥ 4.5:1)
AA · Texto grande (≥ 3:1)
AAA · Texto normal (≥ 7:1)
AAA · Texto grande (≥ 4.5:1)
AA · Componentes e gráficos (≥ 3:1)
Texto grande: pelo menos 18 pt (24 px), ou 14 pt em negrito (aprox. 18,67 px).
Prévia
Você consegue ler este texto com facilidade?
Você consegue ler este texto com facilidade?
Como usar
Escolha duas cores ou digite códigos HEX. Troque-as para testar o tema inverso. A opção preto/branco escolhe entre essas duas a de maior contraste com o fundo.
O cálculo ocorre no navegador, sem arredondar a decisão. Este teste sozinho não comprova conformidade WCAG; fundos com imagens e transparência não são avaliados.
Acessibilidade Web: WCAG, ARIA e Design InclusivoComo usar
Escolha duas cores ou digite códigos HEX. Troque-as para testar o tema inverso. A opção preto/branco escolhe entre essas duas a de maior contraste com o fundo. O cálculo ocorre no navegador, sem arredondar a decisão. Este teste sozinho não comprova conformidade WCAG; fundos com imagens e transparência não são avaliados.
Ferramentas de navegador mantêm os arquivos no seu aparelho. Ferramentas avançadas de documentos enviam arquivos para processamento temporário no servidor; a ferramenta avisa isso antes do envio. Consultas web vão para o servidor e serviços públicos de consulta.
Artigos práticos sobre este tema
Texto branco em botão verde: meça antes de escolher
Um botão verde chama atenção, mas o texto branco nem sempre é confortável de ler.
Implementação de Dark Mode: CSS, JavaScript e Preferência do Sistema
Dark mode reduz a fadiga visual e prolonga a duração da bateria.
Acessibilidade Web: WCAG, ARIA e Design Inclusivo
A acessibilidade web garante que pessoas com deficiência possam usar sites.
Ferramentas relacionadas
Gerador de QR Code
Gere um QR de link ou texto. Adicione logo, cores, pontos e moldura; baixe o QR estático em PNG ou SVG e teste com o celular.
Leitor de QR Code
Decodifique o QR de uma imagem para ver texto ou link. Leia fotos ou capturas no navegador e confira o endereço antes de abri-lo.
Gerador de senhas
Gere senhas aleatórias para novas contas. Ajuste as opções às suas necessidades; as senhas geradas não são enviadas ao servidor para processamento.
Gerador de código de barras
Gere códigos EAN-13, CODE 39 ou CODE 128 e baixe o resultado em SVG.
Consulta DNS
Consulte registros DNS públicos A, AAAA, MX, TXT e outros.
Consultar IP
Veja a alocação pública do IP e os dados de registro via RDAP. Não é geolocalização precisa.