Calculadora de luminância relativa
Meça quanta luz uma cor emite pela fórmula WCAG: o cinza médio #808080 dá 0.215860500114, numa escala de 0 para o preto a 1 para o branco. Os canais RGB e seus valores lineares aparecem na tela para que o número possa ser conferido. Grátis no seu navegador.
- Grátis
- Funciona no seu navegador
- Sem cadastro
- Seus dados não saem do seu aparelho
Executar grátis
Exemplo resolvido
- Cor
- #808080
- Luminância relativa
- 0,2158605001
A calculadora de luminância relativa converte uma cor hexadecimal sRGB na medida de luz usada pelos cálculos de contraste WCAG. Ela expande a forma hexadecimal curta quando necessário, valida cada dígito, normaliza os canais vermelho, verde e azul, remove a gama sRGB pela fórmula padrão por partes e combina os valores lineares com os coeficientes oficiais. O resultado varia de 0 para preto a 1 para branco. A resposta também inclui o hexadecimal normalizado, os canais RGB inteiros e os três canais linearizados, para que você possa conferir e reproduzir todas as etapas.
Informe uma cor sRGB precisa
Forneça uma cor com três ou seis dígitos hexadecimais, com ou sem o sinal de número inicial. Por exemplo, #09C é expandido para #0099CC antes do cálculo, enquanto 4A90D9 é aceito e normalizado como #4A90D9. A calculadora aceita somente essas formas hexadecimais sRGB inequívocas.
Ela não tenta adivinhar cores nomeadas, interpretar funções CSS, remover alfa nem limitar silenciosamente valores de canal inválidos. Esse limite rigoroso torna a validação confiável em sistemas de design automatizados, verificações de acessibilidade, scripts de compilação e dados de teste: dados incorretos geram um erro de entrada, não um número plausível porém errado. Maiúsculas e minúsculas não alteram o cálculo, e espaços externos são removidos; espaços internos, dígitos extras, pontuação incompatível e valores vazios são rejeitados.
O objeto RGB retornado contém canais inteiros de 0 a 255, permitindo confirmar rapidamente como o texto de origem foi interpretado. Essa normalização é especialmente útil quando você mistura notações curtas e completas, mas precisa de uma representação canônica para registros, snapshots ou cálculos posteriores.
Entenda o cálculo WCAG
A luminância relativa não é a média simples de vermelho, verde e azul, nem o componente de luminosidade do HSL. Primeiro, cada canal sRGB de 8 bits é dividido por 255. Um canal normalizado igual ou inferior a 0.04045 é dividido por 12.92; um canal maior é transformado elevando ((canal + 0.055) / 1.055) a 2.4.
Isso remove a curva de transferência sRGB e produz valores de luz linear. Em seguida, a calculadora aplica os coeficientes padrão: 0.2126 para vermelho, 0.7152 para verde e 0.0722 para azul. O verde recebe o maior peso porque a visão humana é mais sensível a ele, enquanto o azul recebe o menor.
A soma ponderada é a luminância relativa informada, limitada por preto em 0 e branco em 1. Como todas as operações e todos os coeficientes são fixos, a mesma entrada válida sempre produz a mesma saída, sem rede, estado armazenado ou inferência de modelo.
Use a luminância em fluxos de acessibilidade
Um único valor de luminância relativa descreve uma cor; sozinho, ele não declara que um texto é acessível. Para avaliar o contraste, calcule a luminância do primeiro plano e do fundo, identifique o valor mais claro L1 e o mais escuro L2 e use (L1 + 0.05) / (L2 + 0.05). Compare a razão com o limite WCAG adequado ao conteúdo, tamanho do texto e nível de conformidade desejado.
Manter a luminância como capacidade separada é útil quando um pipeline já tem sua própria política de contraste, precisa armazenar medições normalizadas ou quer examinar valores intermediários durante a depuração. Lembre-se de que o cálculo pressupõe cores sRGB opacas. Se o design usa transparência, primeiro componha a cor sobre o fundo real; uma cor hexadecimal com alfa é rejeitada porque a luminância seria indefinida sem esse fundo.
Casos de uso
Inspecionar tokens de design
Calcule e armazene a luminância relativa de cada token de cor sRGB opaca antes de aplicar a política de contraste do projeto.
Depurar cálculos de contraste
Examine os canais RGB normalizados e de luz linear para localizar erros de interpretação ou correção de gama em outra implementação.
Criar testes de acessibilidade
Gere luminâncias determinísticas para as cores de primeiro plano e fundo usadas em asserções automáticas de contraste WCAG.
Perguntas frequentes
Qual é o intervalo da luminância relativa?
O resultado varia de 0 para o preto sRGB a 1 para o branco sRGB, inclusive.
Quais formatos de cor são aceitos?
São aceitas cores hexadecimais sRGB de três ou seis dígitos, com ou sem # inicial. Nomes, funções RGB e valores alfa são rejeitados.
Luminância relativa é igual à luminosidade HSL?
Não. A luminância relativa WCAG lineariza os canais sRGB e aplica coeficientes ponderados; a luminosidade HSL usa outra definição geométrica.
Esse valor sozinho comprova conformidade WCAG?
Não. A conformidade exige uma razão de contraste entre duas cores e o limite adequado ao conteúdo e nível pretendido.
Por que o cinza médio #808080 fica bem abaixo da metade?
Porque a curva gama do sRGB é removida antes. Cada canal de 128 vira 0.215860500114 em luz linear e, como vermelho, verde e azul são iguais, esse também é o valor da luminância.
Ferramentas relacionadas
Para desenvolvedores — acesso via API
Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.
Endpoint
Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.
Chame do seu código
curl -X POST https://api.kit.forhosting.com/color/relative-luminance \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"color":"#4A90D9"}'const res = await fetch("https://api.kit.forhosting.com/color/relative-luminance", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color": "#4A90D9"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/relative-luminance",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color": "#4A90D9"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/relative-luminance", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color":"#4A90D9"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color":"#4A90D9"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/relative-luminance", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Exemplo de requisição
{
"color": "#4A90D9"
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.relative_luminance",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.
Preço
Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.
Erros
| HTTP | Código | O que significa |
|---|---|---|
401 | unauthorized | Token ausente ou inválido. Confira o header Authorization. |
402 | insufficient_balance | Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo. |
404 | unknown_type | Esse tipo de tarefa não existe. Confira o campo type no catálogo. |
429 | rate_limited | Muitas requisições em pouco tempo. Espere um instante e tente de novo. |
Notas técnicas
Entenda o cálculo WCAG
Os canais lineares e o valor final são arredondados para doze casas decimais, garantindo JSON estável sem alterar o resultado prático de acessibilidade.
Use a luminância em fluxos de acessibilidade
A API custa US$ 0,002 por item, e a execução no navegador usa o mesmo cálculo determinístico para verificações imediatas.
Perguntas técnicas
Quanto custa a API?
Cada item custa US$ 0,002. Você também pode executar o cálculo gratuitamente no navegador.