Verificador de Contraste WCAG 2.1

Avalie a legibilidade de interfaces conforme as diretrizes internacionais W3C WCAG 2.1.

Cor do Texto (Primeiro Plano):

Seletor

Cor de Fundo:

Seletor

Sugestões rápidas:

Simulação Visual em Interface:

Amostra de Interface WCAG 2.1 Preview

Texto de Título em Destaque (24px Bold)

O contraste de cor garante que pessoas com diferentes acuidade visual ou sob iluminação solar intensa consigam ler e interagir com facilidade e conforto.

Ação de Exemplo

Link de Navegação

Razão de Contraste Calculada:

8.25:1

Excelente legibilidade (Atende AAA)

Proporção recomendada pela W3C para garantir acessibilidade universal.

AA Normal ✓ APROVADO

Texto de corpo comum (<18pt). Mínimo exigido: 4.5:1.

AA Grande ✓ APROVADO

Títulos (>18pt ou 14pt bold). Mínimo exigido: 3.0:1.

AAA Normal ✓ APROVADO

Nível ouro para corpo de texto. Mínimo exigido: 7.0:1.

AAA Grande ✓ APROVADO

Nível ouro para títulos grandes. Mínimo exigido: 4.5:1.

Gostou do XYZ Tools?

Uma plataforma livre, gratuita e sem anúncios. Se esta ferramenta foi útil, considere apoiar a manutenção dos nossos servidores.

Saiba como Ajudar

Ferramentas Relacionadas

Outras ferramentas úteis da categoria Design & Cores.

Analisador de Cores

Capture qualquer cor da tela com conta-gotas, converta entre múltiplos formatos (HEX, RGB, HSL, HWB, OKLCH, CMYK) e teste fundos.

Gerador de Paletas Harmônicas

Crie variações de tons claros, escuros, complementares, análogos e triádicos a partir de uma cor.

Extrator de Cores de Imagem

Extraia a paleta de cores dominante de qualquer foto com processamento local no seu navegador.

Voltar para Design & Cores Visualizar todas as ferramentas