Verificador de Contraste de Cores WCAG

Design e Gráficos

Verifique combinações de cores de texto e plano de fundo de acordo com os padrões de acessibilidade WCAG 2.1 AA e AAA.

Seletores de pares de cores

Taxa de contraste WCAG
3.68 : 1
Texto normal do corpo (<18pt)
WCAG AA (4.5:1) FAIL
WCAG AAA (7.0:1) FAIL
Texto grande / Títulos (18pt+)
WCAG AA (3.0:1) PASS
WCAG AAA (4.5:1) FAIL
Controles de interface e gráficos
WCAG AA (3.0:1) PASS
Ícones, bordas e campos de formulário

Simulação visual ao vivo

A rápida raposa marrom pula sobre o cão preguiçoso

Um bom contraste torna a leitura fácil para todos os usuários, incluindo pessoas com deficiência visual ou daltonismo. Teste sua paleta antes de publicar em produção.

Apoio a Projeto Independente

Gostou do ToolsApp? Pague-nos um café

O ToolsApp funciona 100% no seu navegador, sem assinaturas e sem rastreamento de dados. Acreditamos que utilitários digitais essenciais devem ser livres e acessíveis para todos. Seu apoio nos ajuda a manter a plataforma e criar novas ferramentas!

100% No NavegadorGratuito para Todos

Como Usar?

1

Selecionar Par de Cores

Escolha as cores do texto e do fundo através do seletor ou código HEX.

2

Verificar Rácio WCAG

Analise os indicadores de aprovação/reprovação para texto normal, texto grande e elementos de interface.

3

Simulação em Tempo Real

Teste a legibilidade visual diretamente no cartão de pré-visualização interativo.

Privacidade TotalTodos os cálculos e processamentos de arquivos ocorrem 100% localmente no seu navegador via JavaScript no lado do cliente.

Avaliações e Comentários de Usuários

Compartilhe sua experiência anonimamente. Moderado automaticamente por IA.

5.0
0 avaliações
5 / 5
0/500
Protegido pelo sistema de moderação automática do Groq AI

Avaliações Aprovadas (0)

Carregando avaliações...