Calculadora de Razão de Contraste de Cores WCAG
Meça a razão de contraste WCAG entre uma cor de primeiro plano e uma de fundo para confirmar que seu texto é legível e acessível.
Higher is more readable (max 21:1)
- 1
Fg relative luminance
0.2126×0,0103 + 0.7152×0,0103 + 0.0722×0,0103 = 0,0103Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG - 2
Bg relative luminance
0.2126×1 + 0.7152×1 + 0.0722×1 = 1 - 3
Contrast ratio
(1 + 0.05) ÷ (0,0103 + 0.05) = 17,40
Como esta calculadora funciona?
A razão de contraste WCAG é (luminância mais clara + 0,05) / (luminância mais escura + 0,05), variando de 1:1 a 21:1. Procure pelo menos 4,5:1 para texto normal e 3:1 para texto grande para atender ao AA, ou 7:1 e 4,5:1 para o AAA. Insira duas cores hexadecimais para verificar instantaneamente.
Fórmula
How this is calculated
Insira uma cor de primeiro plano (texto) em hexadecimal e uma cor de fundo em hexadecimal. São aceitas tanto a forma abreviada de 3 dígitos (#fff) quanto a de 6 dígitos (#ffffff), com ou sem o "#" inicial.
Cada cor é convertida em sua luminância relativa. O valor do canal de 8 bits é dividido por 255 e depois linearizado: se o resultado s for menor ou igual a 0,03928, ele é dividido por 12,92; caso contrário, torna-se ((s + 0,055) / 1,055) elevado à potência 2,4. Os valores linearizados de vermelho, verde e azul são ponderados por 0,2126, 0,7152 e 0,0722, respectivamente, e somados para obter a luminância L. A razão de contraste é (Lmais_claro + 0,05) / (Lmais_escuro + 0,05), onde o termo 0,05 modela o reflexo ambiente. As razões vão de 1:1 (cores idênticas) a 21:1 (preto puro sobre branco puro).
Os limiares do WCAG 2.1 determinam os resultados de aprovação: o AA exige pelo menos 4,5:1 para texto normal e 3:1 para texto grande (aproximadamente 18pt, ou 14pt em negrito); o AAA exige 7:1 para texto normal e 4,5:1 para texto grande. O cálculo é simétrico, então trocar primeiro plano e fundo resulta na mesma razão. Ele avalia apenas a cor e não leva em conta opacidade, suavização (anti-aliasing) ou camadas sobrepostas.
Perguntas frequentes
Pelo menos 4,5:1 para texto de corpo normal e 3:1 para texto grande (cerca de 18pt regular ou 14pt em negrito). Para o nível mais rigoroso AAA, você precisa de 7:1 normal e 4,5:1 grande.
Não. A fórmula usa a luminância mais clara e a mais escura independentemente de qual cor você rotula como primeiro plano, então trocar as duas entradas produz a mesma razão.
O branco puro tem uma luminância relativa de 1 e o preto puro, 0. Inserindo esses valores em (1 + 0,05) / (0 + 0,05), obtém-se exatamente 21, o maior contraste possível.
Também conhecido como
TG we-Calculate Editorial Team. (2026). Calculadora de Razão de Contraste de Cores WCAG [Online calculator]. TG we-Calculate. https://we-calculate.com/pt/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "Calculadora de Razão de Contraste de Cores WCAG." TG we-Calculate. 2026. https://we-calculate.com/pt/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "Calculadora de Razão de Contraste de Cores WCAG," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/pt/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {Calculadora de Razão de Contraste de Cores WCAG}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/pt/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Esta calculadora ajudou você?