Texto normal
Texto grande
Correções rápidas
Título de pré-visualização
A rápida raposa marrom salta sobre o cão preguiçoso
Exemplo de texto pequeno (12px)
Padrões WCAG
Level AA
Proporção mínima de contraste de 4.5:1 para texto normal e 3:1 para texto grande. Necessário para a maioria dos sites.
Level AAA
Proporção de contraste aprimorada de 7:1 para texto normal e 4.5:1 para texto grande. Recomendado para acessibilidade ideal.
Contraste insuficiente para todos os tamanhos de texto - não atende aos padrões WCAG.
Verificador de contraste de cor
Calcule a taxa de contraste entre cores de texto e de fundo.
Escolha uma cor usando o Selector de cor para o texto e a cor de fundo ou insira uma cor no formato hexadecimal RGB (por exemplo, #259 ou #2596BE). Você pode ajustar o controle deslizante para selecionar a cor. As Diretrizes de Acessibilidade para Conteúdo da Web (WCAG) têm uma diretriz específica para ajudar a determinar se o texto é legível para usuários com visão. Este critério usa um algoritmo específico para mapear combinações de cores em proporções comparáveis. Usando esta fórmula, a WCAG afirma que uma proporção de contraste de cor de 4.5:1 entre o texto e seu fundo é adequada para texto normal (corpo), e texto grande (18+ pt normal, ou 14+ pt negrito) deve ter pelo menos uma proporção de contraste de cor de 3:1.
Principais características
- • Cálculo de proporção de contraste em tempo real
- • Verificação de conformidade WCAG AA & AAA
- • Deslizadores HSL para ajustes finos
- • Vários formatos de visualização
Ferramentas avançadas
- • Correção automática de cores
- • Amostras de texto e fundo
- • Detecção de nome de cor
- • Exportar resultados