Verificador de contraste de cores
BetaVerifique se a combinação de texto e cor de fundo atende às diretrizes de acessibilidade WCAG.
- Gratuito
- Sem cadastro
- Executado no navegador
- Funciona no celular
Verificador de contraste de cores em resumo
- Entrada
- Cores de primeiro e segundo plano
- Saída
- Taxa de contraste e status de conformidade com WCAG
- Privacidade
- Tudo acontece no seu dispositivo. Nada é enviado para servidores.
- Preço
- Gratuito, sem conta, sem marca d’água.
Como usar Verificador de contraste de cores
- 1Insira uma cor de texto (primeiro plano) e uma cor de fundo.
- 2A ferramenta calcula instantaneamente a taxa de contraste entre as duas cores.
- 3Exibe se a combinação é aprovada ou reprovada nos padrões WCAG AA e AAA para texto normal e grande.
Recursos
- Cálculo da taxa de contraste ao vivo.
- Status de conformidade WCAG AA e AAA.
- Aceita formatos de cores HEX, RGB ou HSL.
- Visualização visual do texto no fundo escolhido.
Perguntas frequentes sobre Verificador de contraste de cores
O que são WCAG?
WCAG significa Diretrizes de Acessibilidade para Conteúdo da Web. É um conjunto de padrões para tornar o conteúdo da web mais acessível para pessoas com deficiência, incluindo deficiências visuais.
O que é uma boa taxa de contraste?
WCAG AA exige uma proporção de pelo menos 4,5:1 para texto normal e 3,1:1 para texto grande. WCAG AAA requer 7:1 para texto normal e 4,5:1 para texto grande.
Por que o contraste é importante?
O alto contraste garante que o texto seja legível e legível para todos, especialmente usuários com baixa visão ou daltonismo.
Ferramentas relacionadas
Conversor HEX para RGBBetaConverta códigos de cores HEX em RGB e vice-versa instantaneamente.Decodificador Base64Decodifica Base64 (padrão ou seguro para URL) de volta ao texto.Codificador Base64Codifique texto para Base64, com uma opção segura para URL.Border Radius GeneratorArredonde os cantos visualmente, um ou todos de uma vez, e copie a abreviatura CSS.
Mais ferramentas de developer toolsÚltima atualização