Verificador de Contraste de Cores
Calcule a razão de contraste entre cores de texto e fundo com avaliação de patamares para texto normal e grande.
Executar ferramenta
Este verificador de contraste calcula a proporção de luminância entre a cor do texto e a cor de fundo para avaliar a legibilidade visual. Pode introduzir valores em formato hexadecimal de três ou seis dígitos com cardinal, como #333 ou #1a2b3c, ou em notação rgb com três números decimais separados por vírgulas. Por omissão, a ferramenta assume texto preto (#000000) sobre fundo branco (#ffffff). O cálculo apresenta a razão de contraste numérica arredondada a duas casas decimais e analisa quatro patamares práticos de legibilidade: 4.5 e 7.0 para texto normal, assim como 3.0 e 4.5 para texto grande. Quando as duas cores introduzidas são idênticas, o valor obtido é exatamente 1.0. Se alguma das cores contiver uma formatação inválida que impeça a leitura dos componentes cromáticos, a área de resultados apresenta uma mensagem de erro. Utilize esta análise direta para ajustar combinações de cores no seu projeto digital.
Instruções
- Introduza a cor do texto no campo de primeiro plano em formato hexadecimal (#fff ou #ffffff) ou rgb.
- Defina a cor do fundo no respetivo campo ou mantenha o valor padrão predefinido.
- Execute a verificação para consultar a razão numérica de contraste e as respetivas avaliações por patamar.
Exemplos
- Texto #000000 sobre fundo #ffffff: devolve uma razão de contraste de 21.00 com aprovação em todos os patamares de texto normal e grande.
- Texto rgb(80, 80, 80) sobre fundo #f0f0f0: calcula uma razão de 6.13, atingindo o patamar de 4.5 para texto normal e ambos os patamares de texto grande.
Perguntas frequentes
Quais são os formatos de cor aceites pela ferramenta?
Pode introduzir códigos hexadecimais com 3 ou 6 dígitos iniciados por # (como #000 ou #ffffff) ou texto rgb com três valores decimais separados por vírgulas.
O que acontece se utilizar a mesma cor no texto e no fundo?
Quando as duas cores fornecidas são idênticas, a ferramenta calcula e apresenta uma razão de contraste de 1.0.
O que representam os patamares calculados?
A ferramenta compara a razão obtida com quatro valores de referência: 4.5 e 7.0 para texto normal, e 3.0 e 4.5 para texto de dimensões maiores.
Como proceder se surgir uma mensagem de erro?
Verifique se a sintaxe da cor segue o formato hexadecimal com cardinal ou a estrutura rgb com valores numéricos separados por vírgulas.