Fusione scurisci due colori
Combini due colori come fa il metodo di fusione scurisci, tenendo il valore più scuro canale per canale: #FF8800 con #00AAFF dà un verde profondo, #008800. Nessun canale diventa mai più chiaro rispetto ai colori di partenza. Gratis nel Suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Colore 1
- #FF8800
- Colore 2
- #00AAFF
- Hex
- #008800
- Stringa RGB
- rgb(0, 136, 0)
La modalità di fusione scurisci combina due colori conservando, per ogni canale rosso, verde e blu, il valore più scuro dei due. I designer la usano quando vogliono un campione d'ombra che non schiarisca mai nessuno dei genitori, quando sovrappongono marchi su foto senza calcoli di opacità, e quando serve un risultato deterministico in stile Photoshop dentro agli script. Questa capacità accetta due codici hex, valida entrambi, espande l'abbreviazione a tre cifre e restituisce il risultato di minimo per canale come hex e RGB. A differenza dello scurimento percentuale di un solo colore o di una miscela a ratio che può schiarire i canali, scurisci non aumenta mai un canale oltre entrambe le entrate.
Come funziona la fusione scurisci: minimo per canale
La fusione scurisci è una delle modalità classiche di composizione degli editor di immagini e di CSS mix-blend-mode. L'abbreviazione a tre cifre come hash f80 si espande raddoppiando ogni nibble in hash FF8800 prima del confronto, e i prefissi opzionali hash o zero-x vengono rimossi. Poiché ogni canale è scelto separatamente, il risultato può prendere il rosso da un genitore e il verde dall'altro; è corretto per scurisci e non equivale a scegliere il colore più scuro nel complesso per luminanza.
I canali già a zero restano a zero; se entrambi i genitori condividono un canale brillante, quel canale resta alto solo se entrambi lo sono allo stesso modo.
Flussi di lavoro, prezzo e differenze rispetto a scurisci in percentuale o mescolare
Usi lo strumento gratuito di fusione scurisci nel browser per abbozzare marchi a strati, sovrapposizioni fotografiche o ombre a due campioni senza installare una suite grafica. Chi cerca darken blend two colors vuole il comportamento di minimo per canale di Photoshop darken e CSS mix-blend-mode darken, non un tono medio per interpolazione. È supportato solo l'ingresso hex: colori CSS con nome e stringhe rgb tra parentesi sono fuori ambito, quindi normalizzi a monte se i dati usano nomi.
Gli ingressi seguono le stesse regole di conservazione degli altri elementi parse KIT.
Casi d'uso
Ombre di marchio a strati
Combini l'hex del logo con un accento ricavato da una foto con la fusione scurisci così nessun canale si schiarisce, producendo un token d'ombra stabile per i kit marketing.
Sovrapposizioni UI a due campioni
Impili due colori di tema con scurisci a minimo per canale per sovrapposizioni di card e sfondi di badge che restano più scuri di entrambi i genitori senza calcoli di opacità.
Domande frequenti
Qual è la formula della fusione scurisci?
Non si applica alcun ratio; il canale più scuro vince in modo indipendente.
In che cosa differisce dallo scurire un colore in percentuale?
Lo scurimento percentuale abbassa la luminosità di un solo colore. Questo strumento prende due colori e conserva il minimo di ciascuna coppia RGB: la classica modalità di fusione scurisci.
Cosa succede se invio un codice hex non valido?
Entrambi i colori devono essere esadecimali a 3 o 6 cifre (# opzionale). Lunghezza errata o cifre non hex vengono rifiutate e non addebitate.
Lo strumento di fusione scurisci è gratuito?
Lo strumento nel browser gira gratis sul Suo dispositivo.
Il risultato può mescolare canali di entrambi i colori?
Sì. Ogni canale viene scelto a parte, quindi #FF8800 e #00AAFF danno #008800: il rosso 0 arriva dal secondo colore, il verde 136 e il blu 0 dal primo. Non si sceglie il colore più scuro nel suo insieme.
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/darken-only \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"color1":"#FF8800","color2":"#00AAFF"}'const res = await fetch("https://api.kit.forhosting.com/color/darken-only", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color1": "#FF8800",
"color2": "#00AAFF"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/darken-only",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color1": "#FF8800",
"color2": "#00AAFF"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/darken-only", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color1":"#FF8800","color2":"#00AAFF"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color1":"#FF8800","color2":"#00AAFF"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/darken-only", 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
{
"color1": "#FF8800",
"color2": "#00AAFF"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.darken_only",
"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
Un hex non valido fallisce con invalid_input e non viene addebitato.
Come funziona la fusione scurisci: minimo per canale
Per ciascun canale in modo indipendente il risultato è il minimo matematico del canale corrispondente di color1 e color2. Se color1 è hash FF8800 e color2 è hash 00AAFF, il rosso diventa il minimo di duecentocinquantacinque e zero, cioè zero; il verde il minimo di centotrentasei e centosettanta, cioè centotrentasei; e il blu il minimo di zero e duecentocinquantacinque, cioè zero; il risultato è quindi un verde profondo hash 008800. Ingressi identici producono sempre lo stesso JSON: il percorso è aritmetica pura, senza rete, senza seme casuale e senza orologio.
Contratto di ingresso, forma della risposta ed errori di validazione
Color1 mancante, color2 mancante o qualsiasi hex non valido falliscono prima della fatturazione. Usi hex quando serve un solo token di stile; usi rgb quando un canvas, un grafico o un controllo di accessibilità si aspetta canali separati. Invii un corpo JSON con due campi stringa obbligatori: color1 e color2. Ogni valore deve avere tre o sei cifre esadecimali con hash opzionale iniziale; stringhe vuote, lunghezze errate e caratteri non hex falliscono con invalid_input nominando il campo affinché il client evidenzi il controllo esatto. In caso di successo la risposta ripete color1 e color2 normalizzati come hex a sei cifre maiuscole con hash iniziale, espone color1_rgb e color2_rgb per l'anteprima di entrambi i genitori, e restituisce il risultato scurito in tre modi: hex come token principale per i file di tema, rgb come oggetto con interi r g e b da zero a duecentocinquantacinque, e rgb_string come riga CSS rgb pronta da incollare. L'etichetta method è sempre darken_min così il codice a valle può ramificare senza ispezionare le forme. Abbini questo endpoint a controlli di contrasto quando il risultato scurito deve rispettare WCAG rispetto al testo su sfondo chiaro.
Flussi di lavoro, prezzo e differenze rispetto a scurisci in percentuale o mescolare
Usi l'API prepagata quando un pipeline di design system, un generatore di temi e-commerce o un servizio di asset marketing necessita di un contratto scurisci stabile sul saldo KIT a $0.002 per elemento riuscito; i fallimenti di validazione non consumano mai il saldo. Questo prodotto non è lo scurimento percentuale di un solo colore, che abbassa la luminosità HSL di un hex, né una miscela lineare RGB a ratio, che può alzare un canale verso un genitore più chiaro. Chi pubblica SDK può mappare hex e rgb su selettori di colore e tabelle di token che designer e studenti già si aspettano documentando regole a strati scurisci.
Casi di integrazione
Pipeline deterministiche di design system
Gli script CI chiamano l'API prepagata per fondere con scurisci coppie seme in token JSON bit-identici a ogni esecuzione.
Domande tecniche
Come unisco con scurisci due colori hex?
Invii JSON con color1 e color2 come stringhe hex (3 o 6 cifre, # opzionale). L'API restituisce il minimo per canale nei campi hex e rgb con method darken_min.