Verificador de Contraste WCAG
Guia
Verificador de Contraste WCAG
Verifique as razões de contraste de cores para conformidade de acessibilidade na web. Verifique se suas combinações de cores de texto e fundo atendem aos padrões WCAG AA e AAA para garantir que seu conteúdo seja legível para todos os usuários, incluindo aqueles com deficiências visuais.
Como usar
Insira uma cor de primeiro plano (texto) e uma cor de fundo usando os seletores de cores ou digitando valores HEX/RGB. A ferramenta calcula instantaneamente a razão de contraste e mostra se sua combinação atende aos padrões WCAG AA e AAA para texto normal e grande. Use o botão de troca para inverter rapidamente as cores.
Características
- Visualização ao Vivo – Veja como seu texto fica no fundo em tempo real
- Conformidade WCAG AA & AAA – Selos de aprovação/reprovação para texto normal e grande em ambos os níveis
- Exibição da Razão de Contraste – Cálculo preciso da razão (por exemplo, 4.5:1)
- Múltiplos Formatos de Entrada – Insira cores como HEX, RGB ou use o seletor de cores
- Trocar Cores – Inverta rapidamente o primeiro plano e o fundo com um clique
- Sugestões de Melhoria – Obtenha recomendações quando suas cores falharem na conformidade
- Tamanhos de Texto de Exemplo – Pré-visualização em tamanhos normal (16px) e grande (18px em negrito / 24px)
Instale nossas extensões
Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida
恵 O placar chegou!
Placar é uma forma divertida de acompanhar seus jogos, todos os dados são armazenados em seu navegador. Mais recursos serão lançados em breve!
Ferramentas essenciais
Ver tudo Novas chegadas
Ver tudoAtualizar: Nosso ferramenta mais recente foi adicionado em Fev 28, 2026
