Tiny Online Tools
Verifique o contraste antes de levar cores para produção
Uma paleta pode parecer bonita e ainda assim falhar em requisitos de acessibilidade. Este verificador ajuda você a testar combinações de texto e fundo contra os limites de contraste do WCAG antes que elas entrem em um design system, biblioteca de componentes ou produto real.
O que os resultados mostram
A ferramenta exibe a taxa de contraste e se a combinação passa nos níveis WCAG mais comuns para:
- texto normal em AA
- texto grande em AA
- texto normal em AAA
- texto grande em AAA
Por que isso importa em projetos reais
Checar contraste é útil para:
- validar cores de marca em componentes
- testar texto sobre botões, cartões e banners
- revisar acessibilidade na passagem de design para implementação
- evitar combinações difíceis de ler para pessoas com baixa visão
Passar na regra não encerra a análise
Uma combinação pode passar tecnicamente e ainda assim ficar desconfortável em tamanhos pequenos ou pesos leves. Depois de validar a taxa, vale observar a prévia com tamanhos de texto mais realistas antes de considerar a escolha final.