Ferramenta gratuita
Calcula a relação de contraste entre a cor do texto (primeiro plano) e a do fundo com a fórmula oficial de luminância WCAG 2.x. Mostra AA/AAA para texto normal e texto grande.
Preview
The quick brown fox jumps over the lazy dog
Body sample copy at normal size — review legibility for the smallest text in your interface.
Smaller helper text checks captions and subtle labels.
Rácio de contraste
17.85:1
Normal text
≥ 4.5:1 AA · ≥ 7:1 AAA
Large text
≥ 3:1 AA · ≥ 4.5:1 AAA
Precisa também de faturas? Crie faturas gratuitas com a Invoicey.
Fluxo
Três passos rápidos da entrada a um resultado para usar na sua stack.
Passo 1
Escolha ou cole as cores do primeiro plano (texto) e do segundo plano.
Passo 2
Use o seletor de cores ou edite os valores hex à mão.
Passo 3
Leia logo a proporção de contraste e o estado WCAG AA/AAA.
Por que as equipas usam
Overview
Verificador de contraste WCAG is a practical online utility for day-to-day business and content workflows. It is designed to reduce friction in common tasks so you can move from input to result quickly. Instead of installing heavy desktop tools, you can run the process in-browser and export output immediately.
Teams often need fast one-off tools without onboarding overhead. Verificador de contraste WCAG helps with exactly that: quick execution, straightforward controls, and downloadable output. It works well for freelancers, small teams, and operators who need reliable utility actions inside modern workflow stacks.
For the best results, use clear input data, verify final output before publishing, and keep copies of generated assets in your project folders. If you use the output in client-facing documents, review labels and formatting for consistency with your brand and compliance requirements.
Respostas
É uma razão derivada das luminâncias relativas dos dois níveis de cor (no máximo cerca de 21:1). Para AA costuma aplicar‑se ≥4,5:1 para texto normal e ≥3:1 para texto grande.
Em geral, cerca de 24px normal ou equivalente forte ≈18,5–19px. Títulos e botões bem visíveis costumam enquadrar‑se nos limites mais altos.
Tons vivos contra branco ou preto raramente atingem AA. Escureça o texto, aclare ou escureça o fundo ou use a cor de marca apenas como acento.
Não. Os cálculos são feitos no seu navegador; nada é enviado para servidores da Invoicey.
Valida combinações antes do lançamento. Verifique também estados hover, desativados e outros em que as cores mudem.
Descubra mais
Outro utilitário gratuito no mesmo nível, sem barreira de registo.
