Fusione di due colori con Brucia colore
Brucia colore è un metodo di fusione deciso che scurisce un colore di base in funzione del colore sovrapposto.
Esegui gratis nel browser
Questa capacità applica l’equazione standard, canale per canale, a due colori esadecimali e restituisce un valore Hex normalizzato insieme ai canali RGB esatti. Accetta la notazione esadecimale breve o completa, convalida entrambi gli input prima del calcolo e gestisce esplicitamente i canali superiori con valore zero. Il risultato è deterministico ed è adatto a verifiche grafiche, test di pipeline per immagini, temi generati e flussi API ripetibili.
Scelga i colori di base e superiore nell’ordine corretto
Brucia colore dipende dall’ordine, quindi stabilisca prima quale colore rappresenta la superficie esistente e quale il livello applicato sopra di essa. Inserisca la superficie come base e il livello come top. Invertendo questi campi si ottiene normalmente un risultato diverso, perché l’operazione non è una media e non è commutativa. Ogni input può contenere tre cifre esadecimali, per esempio <code>#48C</code>, oppure sei, per esempio <code>#4488CC</code>. Il cancelletto iniziale è facoltativo, mentre non sono accettati canali alfa, nomi CSS, funzioni RGB o notazioni esadecimali a otto cifre. Limitare la sintassi rende il calcolo inequivocabile e impedisce che una regola implicita di composizione alfa modifichi la risposta. L’output normalizza entrambi gli input in sei cifre esadecimali maiuscole e include il colore ottenuto in Hex, un oggetto RGB e una stringa RGB pronta per CSS. Se un campo obbligatorio manca o non è valido, la richiesta genera un errore di input anziché sostituire silenziosamente il valore con il nero o tentare di correggere testo ambiguo.
Comprenda il calcolo e la protezione dalla divisione per zero
Il calcolo viene eseguito separatamente per rosso, verde e blu. Per ciascun canale, lo strumento sottrae il canale di base da 255, moltiplica la distanza per 255 diviso il canale superiore, limita a 255 il valore scalato e sottrae il risultato da 255. È la consueta equazione di Brucia colore espressa con valori RGB a otto bit. Un canale superiore pari a zero richiede un trattamento speciale, perché la divisione per zero non ha un significato cromatico utile e può produrre valori non finiti. In questo caso il canale di output viene impostato esplicitamente su zero, rispettando il limite definito del metodo e garantendo un comportamento portabile. Tutti gli altri risultati vengono arrotondati all’intero più vicino e limitati all’intervallo inclusivo da 0 a 255. Queste regole fisse assicurano che la stessa coppia valida restituisca sempre gli stessi byte. Brucia colore aumenta spesso il contrasto e sposta i mezzitoni verso le ombre. Il bianco della base tende a rimanere chiaro quando il canale superiore non è zero, mentre le basi scure possono raggiungere rapidamente il nero.
Utilizzi il risultato nei sistemi grafici e nelle pipeline automatiche
Una singola fusione è utile per riprodurre il risultato di un editor grafico, ma un output deterministico acquista ancora più valore in un flusso ripetibile. Lei può salvare il codice Hex come token grafico, confrontarlo con uno snapshot atteso, inserire la stringa RGB nel CSS generato o valutare varie sovrapposizioni prima di renderizzare un’immagine completa. Poiché l’operazione agisce direttamente sui canali RGB codificati, va considerata una calcolatrice per metodi di fusione, non una simulazione di vernice, inchiostro, luce, opacità o documenti con gestione del colore. Non converte profili, non linearizza i canali e non compone la trasparenza. Per un uso coerente in produzione, fornisca colori provenienti dallo stesso spazio RGB presunto e ne documenti l’ordine accanto alla chiamata. I campi normalizzati nella risposta mostrano esattamente che cosa è stato calcolato. I valori non validi vengono bloccati subito, evitando che un token errato contamini una tavolozza. Il calcolo è puro e non utilizza rete, casualità, orologio o stato memorizzato. Browser e API seguono quindi lo stesso algoritmo; l’accesso automatizzato costa $0.002 per ogni elemento elaborato.
Casi d'uso
Riproduca una fusione grafica
Calcoli il risultato di Brucia colore per due colori Hex documentati senza aprire un editor di immagini.
Generi token per un tema
Trasformi una coppia di base e sovrapposizione in un token scurito stabile per CSS generato o temi di componenti.
Verifichi la logica di rendering
Usi l’output RGB deterministico come valore di riferimento durante il test di una pipeline grafica o di stile.
Domande frequenti
Quanto costa una fusione tramite API?
Ogni elemento costa $0.002. Il calcolo è disponibile anche nell’esperienza del browser.
Brucia colore equivale a mescolare due colori in parti uguali?
No. È un metodo non lineare e sensibile all’ordine che in genere scurisce la base e aumenta il contrasto.
Che cosa accade se un canale RGB superiore è zero?
Il relativo canale di output viene impostato esplicitamente su zero, evitando la divisione per zero e rispettando la regola limite.
Quali formati di colore sono accettati?
Utilizzi tre o sei cifre esadecimali RGB, con o senza cancelletto iniziale. Alfa, nomi e funzioni CSS vengono rifiutati.
Invertire base e colore superiore conserva il risultato?
No. La fusione non è commutativa, quindi l’inversione può modificare tutti i canali di output.
La capacità applica opacità o profili colore?
No. Calcola direttamente la funzione opaca Brucia colore sui canali RGB a otto bit forniti.
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/color-burn \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"base":"#808080","top":"#808080"}'const res = await fetch("https://api.kit.forhosting.com/color/color-burn", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"base": "#808080",
"top": "#808080"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/color-burn",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"base": "#808080",
"top": "#808080"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/color-burn", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"base":"#808080","top":"#808080"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"base":"#808080","top":"#808080"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/color-burn", 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": "#808080",
"top": "#808080"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.color_burn",
"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. |