Fonda due colori con il metodo Sovrapponi
Questo strumento combina un colore di base e un colore di fusione con l'operazione Sovrapponi usata nei programmi di grafica.
Esegui gratis nel browser
Ogni canale rosso, verde e blu viene valutato separatamente: i canali scuri della base applicano Moltiplica, quelli chiari applicano Scolora. Inserisca colori esadecimali di tre o sei cifre e riceverà un risultato normalizzato, canali RGB numerici e una stringa RGB pronta per CSS. Il calcolo è deterministico, non richiede immagini e convalida entrambi gli input prima di produrre la risposta.
Come Sovrapponi seleziona la formula
Sovrapponi aumenta il contrasto e non calcola la media tra due colori. Lo strumento converte innanzitutto ogni componente esadecimale in un valore compreso tra zero e uno. Poi esamina separatamente i componenti rosso, verde e blu della base. Se il valore di base è uguale o inferiore alla metà, il componente segue la formula Moltiplica: due per la base per la fusione. Se è superiore alla metà, segue Scolora: uno meno due per le distanze rimanenti di entrambi i componenti da uno. La scelta avviene in modo indipendente per ogni canale; lo stesso risultato può quindi moltiplicare il rosso e scolorire il blu. Il valore normalizzato viene riportato nell'intervallo da 0 a 255 e arrotondato all'intero più vicino. Questa sequenza esplicita rende l'output riproducibile e coincide con la definizione convenzionale senza alfa adottata dagli strumenti grafici. La posizione degli input conta: scambiando base e fusione può cambiare il ramo selezionato e quindi il colore ottenuto.
Inserisca i colori e legga il risultato
Fornisca un colore di base e uno di fusione in notazione esadecimale. Sono ammesse sia la forma a sei cifre, come #336699, sia quella breve a tre cifre, come #369. Il cancelletto iniziale è facoltativo, mentre vengono rifiutati canali alfa, nomi dei colori, funzioni CSS e spazi tra le cifre. I valori brevi sono espansi prima del calcolo e gli input validi vengono restituiti con sei cifre maiuscole, così registri e test mantengono una rappresentazione uniforme. La risposta comprende il colore fuso esadecimale, un oggetto RGB con campi interi e una stringa rgb(...) incollabile in CSS. Riporta inoltre gli input normalizzati e identifica la modalità. La convalida precede qualsiasi calcolo. Se un campo manca, non è una stringa, contiene caratteri non validi o ha una lunghezza errata, la richiesta restituisce un errore di input anziché inventare un valore. Questo rigore è utile nei sistemi di build, dove un colore plausibile ma involontario sarebbe più difficile da individuare di un errore chiaro.
Usi risultati deterministici nel flusso grafico
Usi questo calcolatore quando una specifica indica Sovrapponi, ma Lei necessita di un colore piatto concreto anziché di un documento a livelli. Può generare token per temi, controllare l'output di un editor grafico, creare valori attesi per test di rendering o calcolare un colore alternativo per sistemi che non conservano le modalità di fusione. Poiché l'operazione riguarda soltanto i canali, non analizza pixel, opacità, profili cromatici, gradienti o elementi circostanti. Se un livello include trasparenza, componga l'alfa separatamente oppure utilizzi un'elaborazione immagini che comprenda l'intera pila. Il calcolo opera direttamente sui canali RGB codificati; non linearizza la luce sRGB e non esegue una miscela percettiva. È una scelta intenzionale, coerente con la formula convenzionale prevista dai designer. L'uso nel browser è gratuito, mentre ogni richiesta API automatizzata costa $0.002. Entrambi i percorsi eseguono lo stesso calcolo puro, senza rete, casualità o orologio; input validi identici producono sempre lo stesso output.
Casi d'uso
Appiattisca un token grafico
Trasformi una base e un livello Sovrapponi in un unico colore esadecimale stabile per un tema o una libreria di componenti.
Verifichi un programma grafico
Confronti il risultato di uno strumento con un calcolo indipendente per canale durante il controllo visivo.
Prepari dati per i test
Generi risultati RGB deterministici per test unitari delle fusioni e istantanee multipiattaforma.
Domande frequenti
Quanto costa una richiesta API?
Ogni richiesta API costa $0.002. Lei può anche eseguire gratuitamente lo stesso calcolo nel browser.
L'ordine degli input è importante?
Sì. La base stabilisce se ciascun canale usa Moltiplica o Scolora, quindi invertire i colori può cambiare il risultato.
Quali formati di colore sono accettati?
Sono ammessi colori RGB esadecimali di tre o sei cifre, con o senza # iniziale. Alfa, nomi e funzioni CSS non sono accettati.
Come vengono arrotondati i canali?
Ogni risultato normalizzato viene moltiplicato per 255, arrotondato all'intero più vicino e formattato come esadecimale maiuscolo.
Lo strumento fonde immagini o trasparenze?
No. Combina soltanto due colori RGB opachi; griglie di pixel, alfa, gradienti e profili cromatici non rientrano in questa capacità.
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/overlay \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"base":"#336699","blend":"#FFCC00"}'const res = await fetch("https://api.kit.forhosting.com/color/overlay", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"base": "#336699",
"blend": "#FFCC00"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/overlay",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"base": "#336699",
"blend": "#FFCC00"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/overlay", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"base":"#336699","blend":"#FFCC00"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"base":"#336699","blend":"#FFCC00"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/overlay", 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
{
"base": "#336699",
"blend": "#FFCC00"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.overlay",
"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. |