Ferramenta

Verificador de Contraste de Cores WCAG

Defina tamanho base, proporção de escala e pares de fonte. Visualize a hierarquia tipográfica em tempo real e exporte tokens prontos para CSS, SCSS, Android XML, Flutter Dart e React. Desenvolvido para UI/UX designers que precisam de consistência tipográfica em qualquer plataforma.

Cor do texto

Cor de fundo

Ver cores em escala de cinza

Verificador WCAG

Verificador de contraste de cores

Relação de contraste

21.00 : 1 Perfeito

Resultados WCAG

Tipo de elemento AA AAA

AaTexto normal

AaTexto grande

▦Elementos não textuais

Texto grande

Texto normal de exemplo. Experimente alterar as cores para ver o resultado ao vivo.