Ferramentas › Design
Verificador de contraste de cores
Confira cores de texto e de interface segundo a WCAG 2.2 AA e AAA, capture cores da tela ou de um mockup e receba o tom mais próximo que passa.
Texto grande de 24 px
Um texto de 16 px deve continuar legível para todos, inclusive para pessoas com baixa visão.
2.21:1
✗ AA texto✗ AA grande✗ AAA texto✗ AAA grande✗ Interface e ícones
Cor de texto mais próxima que passa no AA: #B4610B
Capturar cores de um mockup
Como funciona
- O contraste é calculado com a fórmula de luminância relativa da WCAG e arredondado para baixo, como fazem os auditores.
- A sugestão mantém o matiz e a saturação da sua cor e muda só a luminosidade.
Perguntas
O que conta como texto grande?
A partir de 24 px normal ou 18,66 px em negrito. Ele precisa de 3:1 para AA em vez de 4,5:1.