Verificador de contraste
Escolha uma cor de primeiro plano e de fundo para ver a relação de contraste ao vivo e verificar se ela atende às diretrizes de acessibilidade WCAG AA e AAA para texto normal e texto grande. Uma pré-visualização ao vivo mostra a combinação na prática.
Como funciona
Escolha as cores de primeiro plano e de fundo com os seletores ou digitando um código hexadecimal. A relação de contraste é calculada a partir da luminância relativa das duas cores e comparada com os limites do WCAG para texto normal (4,5:1 para AA, 7:1 para AAA) e texto grande (3:1 para AA, 4,5:1 para AAA).
Dica
Se uma combinação falhar, tente escurecer a cor mais escura ou clarear a mais clara — até pequenos ajustes podem levar a relação acima do próximo limite.
O que é considerado "texto grande"?
O WCAG define texto grande como pelo menos 18pt (24px), ou 14pt (~18,5px) em negrito — títulos e textos de destaque semelhantes podem usar os limites mais flexíveis de texto grande.
Mais ferramentas nesta categoria
Calculadora de exposição
Encontre exposições fotográficas equivalentes entre abertura, velocidade do obturador e ISO.
Calculadora de proporção
Redimensione uma imagem ou vídeo proporcionalmente e encontre a proporção simplificada.
Gerador de gradiente CSS
Crie um gradiente CSS linear ou radial e copie o código gerado.
Gerador de paleta de cores
Transforme qualquer cor base em paletas complementares, análogas e em tríade.
Conversor de formato de cor
Converta qualquer cor entre HEX, RGB, HSL e CMYK instantaneamente, com cópia em um clique para cada formato.
Gerador de escala tipográfica
Gere um conjunto harmonioso de tamanhos de fonte a partir de um tamanho base e uma proporção de escala, pronto para copiar como propriedades personalizadas CSS.