Fusione vivid light
Combini un colore di base e uno superiore come fa vivid light: il grigio #808080 sotto un #C0C0C0 più chiaro sale fino a #FFFFFF. Ogni canale viene confrontato da solo con il grigio medio, 128, e il contrasto risulta deciso. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Base
- #808080
- Top
- #C0C0C0
- Hex
- #FFFFFF
- Stringa RGB
- rgb(255, 255, 255)
- Modalità R
- color_dodge
- Modalità G
- color_dodge
Il vivid light è una modalità di fusione ad alto contrasto che applica colore brucia o colore scherma in modo indipendente su ogni canale RGB secondo il colore superiore di fusione. Quando un canale superiore resta sotto il grigio medio, il vivid light brucia: il contrasto aumenta e il canale di base si scurisce come se l'inverso della base fosse diviso per il doppio del superiore. Quando un canale superiore è al grigio medio o sopra, il vivid light scherma: il canale di base si solleva come se fosse diviso per il doppio dell'inverso del superiore, e produce luci intense. Fotografi, artisti di texture e ingegneri di pipeline di tema ricorrono al vivid light quando serve la stessa anteprima di Photoshop a partire da due token hex: sovrapporre una maschera di contrasto, allineare un campione di fusione livelli nell'integrazione continua o generare colori d'accento senza aprire un editor desktop. Questa capacità accetta due colori hex convalidati, applica una sola regola deterministica per canale e restituisce il campione fuso come hex e RGB.
Come il vivid light sceglie color-burn o color-dodge su ogni canale
Il vivid light tratta il colore superiore come una superficie di decisione del contrasto, non come un rapporto di mescolanza. Per ogni canale nell'intervallo da zero a duecentocinquantacinque, confronti il canale superiore con il grigio medio (centoventotto). Se il canale superiore è strettamente minore di centoventotto, si esegue il ramo color-burn: il doppio del canale superiore diventa il divisore di bruciatura.
Il risultato è duecentocinquantacinque meno il prodotto arrotondato dell'inverso della base e duecentocinquantacinque diviso per quel divisore, poi limitato all'intervallo legale del canale. Quando il canale superiore è zero il divisore di bruciatura scompare; il risultato è zero salvo che il canale di base sia già bianco, che resta bianco. Se il canale superiore è maggiore o uguale a centoventotto, si esegue il ramo color-dodge: il doppio dell'inverso del canale superiore diventa il divisore di schermatura.
Il risultato è il prodotto arrotondato del canale di base e duecentocinquantacinque diviso per quel divisore, poi limitato. Quando il canale superiore è bianco il divisore di schermatura scompare; il risultato è bianco salvo che il canale di base sia già nero, che resta nero. I canali superiori in grigio medio restano sul perno e lasciano la maggior parte dei valori di base quasi intatti perché le buste di brucia e scherma si incontrano vicino all'identità.
L'ordine conta: scambiare base e top è un'operazione diversa, a differenza di un lerp RGB al cinquanta per cento.
Contratto di input, campi di risposta ed errori di convalida
Ogni valore deve essere un colore esadecimale a tre o sei cifre con prefisso opzionale hash o zero-x. I nomi CSS e le stringhe rgb tra parentesi sono fuori ambito: li normalizzi a monte. I fallimenti di convalida non vengono addebitati.
Usi hex quando serve un singolo token per i file di tema; usi rgb quando il codice della tela o gli strumenti di accessibilità si aspettano canali separati; usi le etichette di modo per insegnare o eseguire il debug di quale ramo di contrasto si è attivato su un colore superiore misto grigio e tinta. Mantenga entrambe le stringhe brevi: questo estremo non legge mai immagini, non campiona mai pixel e non chiama mai una libreria grafica; sono due token hex in ingresso e un campione fuso in uscita.
Flussi di lavoro, prezzi e differenze rispetto ad altri strumenti colore
Usi la fusione vivid light gratuita nel browser per controlli rapidi di maschera di contrasto, esperimenti di sovrapposizione di logo e anteprime di texture senza installare una suite desktop. Il vivid light è l'intento di ricerca corretto quando l'utente digita modalità di fusione vivid light, vivid light due colori o Photoshop vivid light hex: quelle query non sono servite da un miscelatore generico né dal pin light.
Mantenga le richieste a due stringhe hex, eviti di spedire colori con nome senza conversione e documenti che base è il livello inferiore così i colleghi non invertono mai l'ordine per sbaglio. Gli autori che mappano kit di sviluppo possono mostrare hex e le tre etichette di modo accanto ai selettori di colore che studenti e designer di produzione già si aspettano.
Casi d'uso
Sovrapposizioni di contrasto intenso da due token hex
Componga un colore di pannello a tono medio sotto un hex di maschera superiore così i canali scuri bruciano le ombre e i canali chiari schermano le luci senza un editor di immagini completo.
Generazione di accenti per gioco e interfaccia
Gli autori di materiali fondono un token di albedo di base con un colore superiore di indizio di illuminazione per generare campioni di accento vivid light per le skin HUD e le palette di accessori.
Domande frequenti
Come fonde il vivid light due colori?
Per ogni canale RGB, se top è sotto 128 il risultato è un color-burn con il doppio del superiore; se top è 128 o più, un color-dodge con il doppio dell'inverso del superiore. Invii base e top come hex.
Qual è la differenza tra base e top?
Base è il colore del livello inferiore. Top è il colore di fusione che sceglie color-burn o color-dodge per canale. L'ordine conta; scambiarli produce un altro risultato.
Che cosa accade se invio un codice hex non valido?
Entrambi i colori devono essere esadecimali a 3 o 6 cifre (# facoltativo). Lunghezza errata o cifre non hex vengono rifiutate e non addebitate.
La fusione vivid light è gratuita?
Lo strumento del browser gira gratis sul Suo dispositivo.
È la stessa cosa di pin light o color.mix?
No. color.mix è un lerp RGB lineare per ratio. Il pin light sceglie scurisci o schiarisci. Il vivid light sceglie color-burn o color-dodge: più contrasto e un intento di ricerca diverso.
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/vivid-light \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"base":"#808080","top":"#C0C0C0"}'const res = await fetch("https://api.kit.forhosting.com/color/vivid-light", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"base": "#808080",
"top": "#C0C0C0"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/vivid-light",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"base": "#808080",
"top": "#C0C0C0"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/vivid-light", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"base":"#808080","top":"#C0C0C0"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"base":"#808080","top":"#C0C0C0"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/vivid-light", 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": "#C0C0C0"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.vivid_light",
"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
Input non validi o assenti falliscono con invalid_input così gli script non spediscono mai un colore errato in silenzio.
Come il vivid light sceglie color-burn o color-dodge su ogni canale
L'algoritmo è aritmetica pura, senza rete, senza seme casuale e senza orologio di sistema, così input identici producono sempre lo stesso JSON.
Contratto di input, campi di risposta ed errori di convalida
Invii un corpo JSON con due campi stringa obbligatori: base (il livello inferiore) e top (il livello di fusione che seleziona color-burn o color-dodge). Gli alias color1, bottom, hex1, from e background mappano a base; color2, blend, hex2, to e foreground mappano a top, così campi di modulo legacy e il lessico degli strumenti di progettazione si collegano in modo chiaro. In caso di successo, il payload ripete base e top in hex normalizzato, gli oggetti canale base_rgb e top_rgb, l'hex fuso, rgb come interi rosso verde blu, rgb_string da incollare in un foglio di stile, mode_r mode_g e mode_b come le parole color_burn o color_dodge per canale, e method sempre uguale a vivid_light così i client possono ramificare senza sniffare le forme. Base assente, top assente, stringhe vuote, cifre non hex e lunghezze errate falliscono con invalid_input; i messaggi nominano il campo così la convalida del modulo evidenzia il controllo esatto.
Flussi di lavoro, prezzi e differenze rispetto ad altri strumenti colore
Usi l'API prepagata quando una pipeline di design system, un generatore di materiali di gioco, un servizio di campioni e-commerce o un bot di asset marketing ha bisogno di un contratto stabile sotto saldo KIT a $0.002 per elemento riuscito. Abbini questo estremo a color.mix quando serve un lerp per ratio invece di una bruciatura o schermatura selettiva, a color.mix_subtractive per un fango tipo pittura RYB, a color.pin_light quando vuole il fratello più mite scurisci o schiarisci e a color.lighten o color.darken quando un solo colore deve spostarsi di una percentuale.
Casi di integrazione
Allineare le anteprime vivid light di Photoshop in CI
Le pipeline di tema e texture chiamano l'API così le compilazioni automatiche riproducono lo stesso hex vivid light che il designer ha visto in Photoshop, identico bit a bit a ogni esecuzione.