01
Manter a ordem das cores
Digite a cor do texto antes do fundo opaco. A troca inverte a polaridade e o cálculo é atualizado após cerca de 350 ms.
Color & Accessibility
verificador de contraste APCApara texto em telas
Informe a cor do texto e do fundo para ler Lc com sinal e a referência de tamanho da fonte.
verificador de contraste APCA
Contraste de luminosidade APCA
Lc 101.5
Texto escuro em fundo claro
Referência de tamanho da fonte
Condição selecionada: 16px · 400 · Texto corrido
Tamanho mínimo para este peso: 15px
Dentro da faixa de referência
Texto corrido usa ao menos Lc 75 como referência; a tabela não certifica conformidade.
300: 18.5px400: 15px700: 13px
Como ler níveis Lc
Lc 90: preferível para texto corrido
Lc 75: mínimo para texto corrido
Lc 60: mínimo para leitura fluente
Lc 45: mínimo para texto grande
Lc 30: mínimo para qualquer texto, não corrido
Lc 15: quase invisível, casos sem texto
APCA é um método perceptual em desenvolvimento; este resultado não comprova conformidade com WCAG 2.x ou WCAG 3.
Biblioteca oficial apca-w3 0.1.9; algoritmo base 0.0.98G-4g. Para conteúdo web em telas emissivas. © 2019–2022 Andrew Somers / Myndex.
O cálculo ocorre no navegador; as cores não são enviadas.
Condições do texto
O resultado está atualizado.
Um cinza legível sobre branco não produz necessariamente a mesma leitura com as cores invertidas. O verificador de contraste APCA mantém separados texto e fundo para revelar a polaridade.
A calculadora de contraste mostra o valor Lc do par de cores. O tamanho e peso da fonte alteram a orientação de leitura, mas não mudam a conta das cores nem geram um índice WCAG.
Por que usar o verificador de contraste APCA
Informe a cor do texto e do fundo para ler Lc com sinal e a referência de tamanho da fonte.
Preservar o sentido das cores
O verificador de contraste APCA exibe Lc positivo para texto escuro em fundo claro e negativo para a posição inversa. Trocar as cores mostra essa diferença sem apagá-la em uma razão sem sinal.
Ler o valor junto da fonte
O mesmo Lc leva a tamanhos mínimos de referência para pesos 300, 400 e 700. Selecionar outro tamanho muda a avaliação da condição, não o Lc do par.
Usar a referência sem transformá-la em aprovação
02
Escolher a condição de leitura
Defina o tamanho em pixels CSS, o peso e se é texto corrido ou outro conteúdo legível. Isso muda a referência, não o Lc.
03
Copiar com o contexto
Com o modo automático desligado, Ctrl ou Cmd mais Enter executa o cálculo. Alterações deixam o resultado anterior desatualizado e bloqueiam a cópia.
O que um par de cores revela
Contraste perceptual com sinal
O cálculo oficial para sRGB mantém o sinal do Lc e distingue texto claro em fundo escuro do caso contrário.
Consulta de tamanho e peso
A tabela oferece tamanhos mínimos de referência para pesos 300, 400 e 700 sem apresentar uma aprovação WCAG artificial.
Resumo para revisão
Copie os dois HEX, Lc, polaridade, tamanho, peso e uso para que outra pessoa confira a mesma condição.
Limites desta medição
- Apenas um par sRGB opaco
- Aceita HEX de três ou seis dígitos. Transparência, degradês e imagens exigem a composição real dos pixels.
- Sem converter Lc em AA ou AAA
- Lc com sinal não se traduz diretamente para uma razão WCAG 2.x como 4,5:1. Uma verificação formal usa a fórmula própria do padrão.
- Sem auditoria do site inteiro
- Outros textos, ícones, bordas e foco não são examinados. Um par isolado não comprova acessibilidade geral.
- Sem trocar a cor automaticamente
- A ferramenta não substitui cores da marca por uma sugestão supostamente aprovada; apenas descreve a seleção atual.
Dúvidas sobre o verificador de contraste APCA
O que é APCA e devo usá-lo no lugar da WCAG 2?
APCA fornece Lc com sinal como referência perceptual. Você pode consultá-lo, mas a obrigação atual de WCAG 2.x requer uma avaliação separada com a razão WCAG.
Contraste de 4,48:1 é suficiente para 4,5:1?
Não. Um valor WCAG arredondado para 4,48:1 continua abaixo de 4,5:1; esta página não calcula nem aprova essa razão, pois usa Lc APCA.
Como calcular o contraste de texto semitransparente?
Esta versão só recebe HEX opaco. Antes de medir texto com alpha, é preciso compor sua cor com o fundo real; ignorar a transparência dá outro resultado.
Contraste importa para ícones, bordas e indicadores de foco?
Sim, devem ser avaliados conforme seu contexto. A ferramenta examina apenas texto sobre um fundo opaco, sem julgar ícones, bordas ou foco.
Botões desabilitados e placeholders precisam atender ao contraste?
As regras podem ter exceções específicas, mas um placeholder ou botão desabilitado não é automaticamente adequado. Este Lc isolado não resolve essa análise.
Encontrou uma dupla avaliada incorretamente?
Verifique outro par no verificador de contraste APCA
Coloque o próximo token de texto e fundo no verificador de contraste APCA e copie polaridade, tamanho e peso para a revisão.
APCA é um método perceptual em desenvolvimento; este resultado não comprova conformidade com WCAG 2.x ou WCAG 3.