Fusione pin light
#C0C0C0 sopra #808080 dà #818181: i canali chiari del livello superiore sollevano la base solo di poco, da 128 a 129. La luce puntiforme mantiene la base a meno che il livello sopra sia abbastanza più scuro o più chiaro. 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
- #818181
- Stringa RGB
- rgb(129, 129, 129)
- Modalità R
- lighten
- Modalità G
- lighten
Il pin light è una modalità di fusione classica di composizione che sostituisce ogni canale di un colore di base con un valore più scuro o più chiaro in base al colore superiore (di fusione). Quando un canale superiore resta sotto il grigio medio, la modalità scurisce: il risultato è il minimo tra il canale di base e il doppio del canale superiore. Quando un canale superiore è al grigio medio o sopra, la modalità schiarisce: il risultato è il massimo tra il canale di base e il doppio del canale superiore meno duecentocinquantacinque. Designer, artisti di texture e ingegneri di pipeline ricorrono al pin light quando serve un contrasto selettivo nitido senza un editor di immagini completo: sovrapporre una maschera di luci, stringere le ombre sotto un pannello a tono medio o allineare le anteprime pin light di Photoshop in strumenti di tema automatizzati. Questa capacità accetta due colori hex convalidati, applica la stessa regola deterministica per canale su rosso, verde e blu e restituisce il campione fuso come hex e RGB.
Come il pin light sceglie scurisci o schiarisci su ogni canale
Il pin light tratta il colore superiore come una superficie di decisione, non come un semplice 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 di scurimento: il doppio del canale superiore diventa un limite superiore e il risultato è il minore tra quel limite e il canale di base.
Visivamente, ciò abbassa i pixel di base luminosi dove il livello superiore è un'ombra profonda. Se il canale superiore è maggiore o uguale a centoventotto, si esegue il ramo di schiarimento: il doppio del canale superiore meno duecentocinquantacinque diventa un limite inferiore e il risultato è il maggiore tra quel limite e il canale di base. Ciò solleva i pixel di base scuri dove il livello superiore è una luce intensa.
I canali superiori in grigio medio restano al confine e tendono a lasciare i valori di base in gran parte intatti perché le buste di scurisci e schiarisci si incontrano vicino alla base. 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 file di tema; usi rgb quando il codice canvas o gli strumenti di accessibilità si aspettano canali separati; usi le etichette mode_* per insegnare o eseguire il debug di quale ramo si è attivato su un colore superiore misto grigio e tinta.
Casi d'uso
Sovrapposizioni selettive di luci e ombre
Composi un colore di pannello a tono medio sotto un hex di maschera superiore così i canali scuri approfondiscono le ombre e quelli chiari rinforzano le luci senza un editor di immagini completo.
Regolazione di materiali di 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 pin light per skin HUD e palette di prop.
Domande frequenti
Come fonde il pin light due colori?
Per ogni canale RGB, se top è sotto 128 il risultato è min(base, 2×top) (darken); se top è 128 o superiore, max(base, 2×top−255) (lighten). Invi 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 scurisci o schiarisci per canale. L'ordine conta; scambiarli dà un risultato diverso.
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.
La fusione pin light è gratuita?
Lo strumento nel browser gira gratis sul Suo dispositivo.
È la stessa cosa di color.mix?
No. color.mix fa un lerp RGB lineare per ratio. Il pin light non usa mai un ratio: solo il canale top sceglie scurisci o schiarisci. Algoritmo e intento di ricerca diversi.
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/pin-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/pin-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/pin-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/pin-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/pin-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.pin_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 pin light sceglie scurisci o schiarisci 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 scurisci o schiarisci). Gli alias color1, bottom, hex1, from e background mappano a base; color2, blend, hex2, to e foreground mappano a top, così campi di form legacy e il lessico degli strumenti di design 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 r g b, rgb_string da incollare in CSS, mode_r mode_g e mode_b come le parole darken o lighten per canale, e method sempre uguale a pin_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 form evidenzia il controllo esatto.
Flussi di lavoro, prezzi e differenze rispetto ad altri strumenti colore
Usi la fusione pin light gratuita nel browser per controlli rapidi di maschera, esperimenti di sovrapposizione di logo e anteprime di texture senza installare una suite desktop. Il pin light è l'intento di ricerca corretto quando l'utente digita modalità di fusione pin light, pin light due colori o Photoshop pin light hex: quelle query non sono servite da un miscelatore generico. 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. 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 endpoint a color.mix quando serve un lerp per ratio invece di uno scurisci o schiarisci selettivo, a color.mix_subtractive per un fango tipo pittura RYB e a color.lighten o color.darken quando un solo colore deve spostarsi di una percentuale. Gli autori che mappano SDK possono mostrare hex e le tre etichette di modo accanto ai selettori di colore che studenti e designer di produzione già si aspettano.
Casi di integrazione
Allineare le anteprime pin light di Photoshop in CI
Le pipeline di temi e texture chiamano l'API affinché le build automatiche riproducano lo stesso hex pin light visto dal designer in Photoshop, identico bit a bit a ogni esecuzione.