Ferramentas do Desenvolvedor
Utilitários simples e eficientes para agilizar seu fluxo de trabalho. Tudo rodando localmente no seu navegador.
Calculadora de Contraste WCAG
Verifique se as combinações de cores atendem aos padrões de acessibilidade WCAG.
Texto de exemplo grande
Este é um exemplo de texto normal que demonstra como o conteúdo aparece com esta combinação de cores. A legibilidade é fundamental para a acessibilidade.
Texto pequeno também deve ser legível para todos os usuários.
Razão de Contraste
21.00:1AAA
Texto Normal
AA(4.5:1)
AAA(7:1)
Texto Grande (18pt+ ou 14pt bold)
AA(3:1)
AAA(4.5:1)
Componentes de UI e Gráficos(3:1)