Design Tools
Verificador de Contraste de Cores
Verifique a taxa de contraste de cores para conformidade de acessibilidade WCAG
Cor do Primeiro Plano
Cor de Fundo
Título de Visualização
Este é um texto de corpo de exemplo para verificar a legibilidade com a combinação de cores selecionada.
16px
Texto grande (≥18px ou ≥14px negrito) requer menor contraste.
Taxa de Contraste
14.18:1
Texto Normal (<18px)
AA (4.5:1)AAA (7:1)
Texto Grande (≥18px / ≥14px bold)
AA (3:1)AAA (4.5:1)
Componentes de UI
AA (3:1)
Sobre WCAG
WCAG 2.1 Level AA: Mínimo 4,5:1 para texto normal, 3:1 para texto grande.
WCAG 2.1 Level AAA: Aprimorado 7:1 para texto normal, 4,5:1 para texto grande.
Por que usar Verificador de Contraste de Cores?
- ✓100% Grátis - Sem custos ocultos ou recursos premium
- ✓Sem cadastro - Use instantaneamente sem criar conta
- ✓Privacidade em primeiro lugar - Todo processamento acontece no seu navegador. Seus dados nunca saem do seu dispositivo
- ✓Ultra rápido - Resultados instantâneos sem atrasos de servidor
Como Usar
- Digite ou cole seu texto na área de entrada acima
- A ferramenta processará sua entrada automaticamente
- Copie o resultado ou baixe como arquivo
Recursos
- ✓WCAG 2.1 AA and AAA level checks
- ✓Real-time contrast ratio calculation
- ✓Text preview on background
- ✓Suggested color adjustments
- ✓Large text vs normal text standards
- ✓Color picker integration
Perguntas Frequentes
What is a good contrast ratio?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text.