Ferramenta Gratuita
Color Contrast Checker
Verifique as razões de contraste entre cores de primeiro plano e fundo. Veja conformidade WCAG 2.1 AA e AAA para texto normal e grande instantaneamente.
Color Contrast Checker
O rápido raposo marrom
Texto normal
Contrast ratio: 14.10:1
Taxa de Contraste
14.10:1
WCAG AA
Texto normal
WCAG AAA
Texto normal
WCAG AA Grande
Texto grande
WCAG AAA Grande
Texto grande
Por que a taxa de contraste é importante
Contraste de cor suficiente garante que o texto permaneça legível para usuários com baixa visão ou daltonismo. WCAG 2.1 Nível AA (o padrão exigido pela maioria das leis de acessibilidade) requer uma taxa de 4.5:1 para texto normal e 3:1 para texto grande (18px+ ou 14px+ negrito).
Como usar
- Escolha sua cor de texto usando o seletor de cores ou digite um valor hexadecimal.
- Escolha sua cor de fundo da mesma forma.
- Leia a taxa de contraste e os badges de aprovação/reprovação WCAG instantaneamente.
- Use as predefinições para referência rápida de pares.
- Clique em Copiar CSS para obter o par de cores como propriedades CSS.
Todos os cálculos ocorrem em seu navegador — nenhum dado de cor é enviado para nenhum servidor.
Perguntas Frequentes
- O que é WCAG AA vs AAA?
- WCAG AA exige 4.5:1 para texto normal e 3:1 para texto grande. AAA (o nível aprimorado) exige 7:1 e 4.5:1. A maioria dos padrões de acessibilidade e requisitos legais faz referência a AA.
- O que conta como texto grande?
- WCAG define texto grande como 18pt (24px) ou maior, ou 14pt (aproximadamente 18.67px) negrito ou maior.