the IT Hustle
FerramentasManual de campoSobre

Empresa

  • Sobre
  • Manual de campo
  • Glossário de IA
  • O autor
  • Contato

Produto

  • Ferramentas
  • Monitor de preços
  • Agent Ops
  • Código
  • Design
  • Administração
  • Produtividade
  • Marketing
  • Negócios

Jurídico

  • Política de privacidade
  • Termos de serviço
  • Aviso legal
  • Política editorial
  • Correções

© 2026 Salty Rantz LLC. Todos os direitos reservados.

Feito para profissionais navegando a transformação tecnológica.

Verificador de Contraste

Verificador de contraste de acessibilidade WCAG. Conformidade AA/AAA, sugestões de cores, prévia de UI ao vivo.

Foreground (Text)
HEX
R
G
B
Background
HEX
R
G
B
Contrast Ratio
14.0:1
Excellent — AAA
✓
AA Large Text
Requires ≥ 3:1
✓
AA Normal Text
Requires ≥ 4.5:1
✓
AAA Large Text
Requires ≥ 4.5:1
✓
AAA Normal Text
Requires ≥ 7:1
Contrast Scale
AA (4.5)
AAA (7)
1:121:1
Live Preview
AppName
HomeAboutContact

Large Heading Text (24px+)

This is normal body text at 16px. Good contrast ensures all users can read your content comfortably, including those with visual impairments. WCAG guidelines define minimum contrast ratios to guarantee readability.

Small text (12px) requires even higher contrast to remain legible.

Link text
Placeholder text...
Popular Palettes

Como verificar o contraste de cores para acessibilidade

Verifique a conformidade de contraste de cores com o WCAG 2.1 usando o Verificador de Contraste gratuito do The IT Hustle.

  1. 1
    Insira suas coresDefina a cor de frente (texto) e a cor de fundo usando os seletores de cor ou digitando valores hex/RGB.
  2. 2
    Verifique a proporçãoA proporção de contraste é calculada automaticamente. O WCAG AA exige 4.5:1 para texto normal e 3:1 para texto grande.
  3. 3
    Revise os selos de conformidadeVeja os selos de aprovado/reprovado para os padrões WCAG AA Normal, AA Grande, AAA Normal e AAA Grande.
  4. 4
    Corrija cores reprovadasSe o contraste falhar, use as cores sugeridas que atendem à proporção mínima. Clique em uma sugestão para aplicá-la instantaneamente.

Perguntas frequentes

WCAG (Diretrizes de Acessibilidade para Conteúdo Web) 2.1 é o padrão internacional para acessibilidade na web. Ele define proporções mínimas de contraste para garantir que o texto seja legível para pessoas com baixa visão ou daltonismo.

AA é o padrão mínimo que a maioria dos sites deve atender: 4.5:1 para texto normal, 3:1 para texto grande. AAA é o padrão aprimorado: 7:1 para texto normal, 4.5:1 para texto grande. AAA é recomendado, mas nem sempre obrigatório.

Texto grande é definido como 18pt (24px) ou 14pt (18,67px) em negrito. Texto grande tem uma exigência de contraste menor, porque é mais fácil de ler em proporções de contraste mais baixas.

Ferramentas relacionadas

Gerador de Paleta de CoresConversor de CoresGerador de Gradiente CSS