Correção gama de uma cor
Ajuste os meios-tons de uma cor com uma curva de potência: gama 2,2 transforma #3366cc em #07229c, valores abaixo de 1 clareiam, e o preto e o branco puros nunca mudam. 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
- #3366cc
- Gama
- 2,2
- Hex
- #07229c
- Resistência (Ω)
- 7
- G
- 34
- B
- 156
A correção gama altera o brilho percebido de uma cor elevando cada canal vermelho, verde e azul a uma potência, em vez de deslizar a luminosidade em HSL ou misturar em direção ao branco. Designers, engenheiros gráficos e revisores de acessibilidade usam um expoente gama quando precisam clarear ou escurecer de forma não linear, preservando o preto e o branco puros e remodelando tudo entre esses extremos. Esta ferramenta aceita uma cor hex CSS e um valor gama no intervalo semiaberto de logo acima de zero até dez, aplica a fórmula clássica por canal (saída igual a duzentos e cinquenta e cinco vezes o canal normalizado elevado a gama) e devolve o hex corrigido e os inteiros RGB. Valores abaixo de um elevam os meios-tons; acima de um os abaixam; um deixa a amostra inalterada.
O que a gama faz nos canais RGB
Comece com uma cor hex CSS como hash três três seis seis c c ou a forma curta hash três seis c. O analisador expande códigos de três dígitos, converte para minúsculas e transforma cada par em inteiros vermelho, verde e azul de zero a duzentos e cinquenta e cinco. Cada canal é normalizado dividindo por duzentos e cinquenta e cinco para ficar no intervalo unitário.
Em seguida o expoente gama é aplicado com potência em ponto flutuante: a fração unitária elevada a gama. Multiplicar de novo por duzentos e cinquenta e cinco e arredondar ao inteiro mais próximo produz o canal de saída, limitado ao intervalo legal de zero a duzentos e cinquenta e cinco. O preto permanece preto porque zero elevado a qualquer potência positiva é zero.
O branco permanece branco porque um elevado a qualquer potência é um. Tudo entre esses extremos se move ao longo de uma curva de potência: gama menor que um curva para cima e clareia meios-tons; gama maior que um curva para baixo e os escurece; gama igual a um é identidade pura. O mesmo expoente se aplica de forma independente a vermelho, verde e azul, de modo que o equilíbrio relativo dos canais pode mudar um pouco em relação a um ajuste de luminosidade HSL que congela matiz e saturação.
Essa diferença é intencional: a correção gama é a curva de potência clássica de tela e imagem, não um controle deslizante de luminosidade perceptual. Formas hex com alfa de quatro ou oito dígitos são rejeitadas porque este contrato é apenas RGB opaco.
Contrato de entrada, formato da resposta e validação
Envie dois campos: color como string hex e gamma como número finito estritamente maior que zero e no máximo dez. Em caso de sucesso a resposta ecoa a cor de seis dígitos normalizada e a gama numérica, e oferece amostras original e result. Cada amostra inclui role, hex, inteiros r g b e uma string rgb imprimível.
Os campos de nível superior hex, r, g e b espelham o resultado corrigido por gama para clientes de uma linha. Uma string formula curta documenta a regra de potência por canal para documentação e suporte. Verificações típicas: aplicar gama dois ponto dois a um azul médio, aplicar gama zero ponto cinco a um vermelho puro para clarear meios-tons, confirmar que gama um devolve o hex original e rejeitar gama quinze ou uma cor ausente.
Conecte o formulário gratuito do navegador para prévias rápidas e chame o mesmo contrato a partir de scripts quando precisar de geração em massa de tokens ou checagens de integração contínua. Mantenha a gama no intervalo documentado em vez de confiar em recortes silenciosos: esta ferramenta falha de forma explícita para que sistemas de design e pipelines de renderização permaneçam previsíveis em todos os ambientes.
Onde a correção gama agrega valor
Pipelines de tela e imagem costumam codificar ou decodificar a luminância com uma curva de potência próxima de dois ponto dois; equipes de produto que publicam amostras de marca ainda precisam de uma forma pequena e documentada de pré-visualizar essa mesma matemática em um único hex sem abrir um editor de imagem completo. Autores de tokens de design geram degraus de tom não lineares varrendo a gama sobre uma cor base quando clarear ou escurecer em HSL parece linear demais para o manual da marca.
Revisores de acessibilidade exploram companheiros mais escuros ou mais claros de cores de texto e ícones mantendo fixos o preto e o branco puros, e então enviam os candidatos a um verificador de contraste. Ferramentas de marketing e apresentação produzem amostras de campanha mais suaves ou mais intensas a partir de logotipos saturados quando um simples clareamento percentual lava o matiz.
Se mais adiante você precisar clarear em HSL, escurecer por porcentagem, misturar dois hex ou verificar contraste WCAG, trate isso como intenções de busca e landings separadas em vez de sobrecarregar esta página de gama.
Casos de uso
Pré-visualizar gama de tela em hex de marca
Aplique uma curva de potência estilo 2.2 a uma única cor de marca e capture o hex resultante para documentação, prévias de tema e revisões de design.
Rampas de tom não lineares para tokens
Varra a gama sobre uma amostra base para gerar degraus de meios-tons que mantêm preto e branco fixos ao remodelar tudo no meio.
Perguntas frequentes
Como a correção gama altera a minha cor hex?
Cada canal RGB c se torna round(255 × (c/255)^gamma). Preto e branco ficam fixos; os meios-tons clareiam quando a gama é menor que 1 e escurecem quando é maior que 1.
Qual faixa de gama é permitida?
A gama deve ser um número finito em (0, 10].
Quais formatos hex são aceitos?
Hex CSS de três e seis dígitos, com ou sem hash inicial. Formas com alfa (#rgba / #rrggbbaa) e caracteres não hex são rejeitadas.
Quanto custa aplicar a correção gama?
A ferramenta do navegador é gratuita e roda localmente.
O que a gama 2,2 faz com #3366cc?
Escurece os meios-tons e devolve #07229c, ou seja, RGB 7, 34, 156. Cada canal é dividido por 255, elevado a 2,2, multiplicado de novo por 255 e arredondado.
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/gamma \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"color":"#3366cc","gamma":2.2}'const res = await fetch("https://api.kit.forhosting.com/color/gamma", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color": "#3366cc",
"gamma": 2.2
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/gamma",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color": "#3366cc",
"gamma": 2.2
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/gamma", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color":"#3366cc","gamma":2.2}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color":"#3366cc","gamma":2.2}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/gamma", 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": "#3366cc",
"gamma": 2.2
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.gamma",
"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
Strings hex inválidas e gama fora da faixa falham com invalid_input claro, sem recorte silencioso.
Contrato de entrada, formato da resposta e validação
Color também aceita os aliases hex e base; gamma aceita g e exponent. Campos ausentes, caracteres não hex, comprimentos incorretos, NaN, Infinity, zero, gama negativa e valores acima de dez falham com invalid_input e não são cobrados. O preço das chamadas de API bem-sucedidas é a base publicada de US$ 0,002 por item; falhas de validação não consomem saldo pré-pago.
Onde a correção gama agrega valor
Como esta capacidade é um motor parse puro, o preço da API é a base publicada de US$ 0,002 por item bem-sucedido e a validação falha não consome saldo.
Casos de integração
Checagens golden de CI nos meios-tons do tema
Afirme que os tokens de produção ainda coincidem com o RGB corrigido por gama esperado após edições de paleta, sem abrir um editor de imagem.
Perguntas técnicas
O que acontece com gama = 1?
Gama 1 é identidade: nenhum canal muda, de modo que o hex resultante coincide com o hex de entrada normalizado.