Correzione gamma di un colore
Modifichi i mezzitoni di un colore con una curva di potenza: gamma 2,2 trasforma #3366cc in #07229c, i valori sotto 1 schiariscono, e il nero e il bianco puri non si spostano mai. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Colore
- #3366cc
- Gamma
- 2,2
- Hex
- #07229c
- Resistenza (Ω)
- 7
- G
- 34
- B
- 156
La correzione gamma riformula la luminosità percepita di un colore elevando ogni canale rosso, verde e blu a una potenza, invece di scorrere la luminosità in HSL o mescolare verso il bianco. Designer, ingegneri grafici e revisori di accessibilità usano un esponente gamma quando serve schiarire o scurire in modo non lineare, conservando nero e bianco puri e rimodellando tutto ciò che sta in mezzo. Questo strumento accetta un colore hex CSS e un valore gamma nell'intervallo semiaperto da appena sopra zero fino a dieci, applica la formula classica per canale (uscita uguale a duecentocinquantacinque moltiplicato per il canale normalizzato elevato a gamma) e restituisce l'hex corretto e gli interi RGB. Valori inferiori a uno alzano i mezzitoni; superiori a uno li abbassano; uno lascia il campione invariato.
Cosa fa la gamma ai canali RGB
Inizi con un colore hex CSS come cancelletto tre tre sei sei c c o la forma breve cancelletto tre sei c. Il parser espande i codici a tre cifre, li porta in minuscolo e converte ogni coppia in interi rosso, verde e blu da zero a duecentocinquantacinque. Ogni canale viene normalizzato dividendolo per duecentocinquantacinque così da collocarlo sull'intervallo unitario.
L'esponente gamma viene poi applicato con potenza in virgola mobile: la frazione unitaria elevata a gamma. Moltiplicare di nuovo per duecentocinquantacinque e arrotondare all'intero più vicino produce il canale di uscita, limitato all'intervallo legale da zero a duecentocinquantacinque. Il nero resta nero perché zero elevato a qualsiasi potenza positiva è zero.
Il bianco resta bianco perché uno elevato a qualsiasi potenza è uno. Tutto tra quegli estremi si muove lungo una curva di potenza: gamma minore di uno incurva verso l'alto e schiarisce i mezzitoni; gamma maggiore di uno incurva verso il basso e li scurisce; gamma uguale a uno è identità pura. Lo stesso esponente si applica in modo indipendente a rosso, verde e blu, così l'equilibrio relativo dei canali può spostarsi leggermente rispetto a un movimento di luminosità HSL che congela tonalità e saturazione.
Quella differenza è intenzionale: la correzione gamma è la curva di potenza classica di display e imaging, non uno slider di luminosità percettiva. Le forme hex alpha a quattro o otto cifre vengono rifiutate perché questo contratto è solo RGB opaco.
Contratto di ingresso, forma della risposta e validazione
Invii due campi: color come stringa hex e gamma come numero finito strettamente maggiore di zero e al massimo dieci. In caso di successo la risposta restituisce il colore a sei cifre normalizzato e la gamma numerica, poi fornisce i campioni original e result. Ogni campione include role, hex, interi r g b e una stringa rgb stampabile.
I campi di primo livello hex, r, g e b rispecchiano il risultato corretto dalla gamma per client a riga singola. Una breve stringa formula documenta la regola di potenza per canale per documentazione e supporto. Controlli tipici: applicare gamma due punto due a un blu medio, applicare gamma zero punto cinque a un rosso puro per schiarire i mezzitoni, confermare che gamma uno restituisce l'hex originale e rifiutare gamma quindici o un colore assente.
Colleghi il modulo gratuito del browser per anteprime rapide, poi chiami lo stesso contratto da script quando serve generazione massiva di token o controlli di integrazione continua. Mantenga la gamma nell'intervallo documentato invece di affidarsi a clamp silenziosi: questo strumento fallisce in modo esplicito così che sistemi di design e pipeline di rendering restino prevedibili in tutti gli ambienti.
Dove la correzione gamma produce valore
Le pipeline di display e imaging spesso codificano o decodificano la luminanza con una curva di potenza vicina a due punto due; i team di prodotto che distribuiscono campioni di brand hanno ancora bisogno di un modo compatto e documentato per anteprima di quella stessa matematica su un solo hex senza aprire un editor di immagini completo. Gli autori di token di design generano gradini di tinta non lineari scorrendo la gamma su un colore base quando lo schiarimento o lo scurimento HSL risulta troppo lineare per il brand book.
I revisori di accessibilità esplorano compagni più scuri o più chiari di colori di testo e icone tenendo fissi nero e bianco puri, poi passano i candidati a un verificatore di contrasto. Strumenti di marketing e presentazione producono campioni di campagna più morbidi o più incisivi da loghi saturi quando un semplice schiarimento percentuale lava la tonalità.
Se in seguito Le serve schiarire in HSL, scurire per percentuale, mescolare due hex o verificare il contrasto WCAG, li tratti come intenti di ricerca e landing separati invece di sovraccaricare questa pagina gamma.
Casi d'uso
Anteprima della gamma display su hex di brand
Applichi una curva di potenza stile 2.2 a un singolo colore di brand e catturi l'hex risultante per documentazione, anteprime di tema e revisioni di design.
Rampe di tinta non lineari per token
Scorra la gamma su un campione base per generare gradini di mezzitoni che tengono fissi nero e bianco rimodellando tutto ciò che sta in mezzo.
Domande frequenti
In che modo la correzione gamma modifica il mio colore hex?
Ogni canale RGB c diventa round(255 × (c/255)^gamma). Nero e bianco restano fissi; i mezzitoni si schiariscono se gamma è sotto 1 e si scuriscono se è sopra 1.
Quale intervallo di gamma è consentito?
Gamma deve essere un numero finito in (0, 10].
Quali formati hex sono accettati?
Hex CSS a tre e sei cifre, con o senza cancelletto iniziale. Forme alpha (#rgba / #rrggbbaa) e caratteri non hex vengono rifiutati.
Quanto costa applicare la correzione gamma?
Lo strumento browser è gratuito e gira in locale.
Che effetto ha gamma 2,2 su #3366cc?
Scurisce i mezzitoni e restituisce #07229c, cioè RGB 7, 34, 156. Ogni canale viene diviso per 255, elevato alla potenza 2,2, rimoltiplicato per 255 e arrotondato.
Strumenti correlati
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo stack
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)Esempio di richiesta
{
"color": "#3366cc",
"gamma": 2.2
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.gamma",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |
Note tecniche
Stringhe hex non valide e gamma fuori intervallo falliscono con invalid_input chiaro, senza clamp silenzioso.
Contratto di ingresso, forma della risposta e validazione
Color accetta anche gli alias hex e base; gamma accetta g e exponent. Campi mancanti, caratteri non hex, lunghezze errate, NaN, Infinity, zero, gamma negativa e valori sopra dieci falliscono con invalid_input e non vengono addebitati. Il prezzo delle chiamate API riuscite è la base pubblicata di $0.002 per elemento; i fallimenti di validazione non consumano il saldo prepagato.
Dove la correzione gamma produce valore
Poiché questa capacità è un motore parse puro, il prezzo API è la base pubblicata di $0.002 per elemento riuscito e la validazione fallita non consuma saldo.
Casi di integrazione
Controlli golden CI sui mezzitoni del tema
Verifichi che i token di produzione coincidano ancora con l'RGB corretto dalla gamma atteso dopo modifiche alla palette, senza aprire un editor di immagini.
Domande tecniche
Cosa succede con gamma = 1?
Gamma 1 è identità: nessun canale cambia, quindi l'hex risultante coincide con l'hex di ingresso normalizzato.