Generatore di varianti calde e fredde di un colore

Inserisca un colore esadecimale cromatico per ottenere cinque valori coordinati: due opzioni più calde, la base normalizzata e due opzioni più fredde. Ogni variante conserva la saturazione e la luminosità originali, mentre la tonalità si avvicina a un obiettivo arancione o blu definito. La stessa richiesta produce quindi sempre una palette compatta, coerente e facile da spiegare.

Come vengono create le varianti calde e fredde

Il generatore converte innanzitutto il valore esadecimale da RGB a HSL, uno spazio in cui la tonalità può essere regolata indipendentemente da saturazione e luminosità. Assume 30 gradi come obiettivo caldo arancione e 220 gradi come obiettivo freddo blu. Per ciascun lato, la variante delicata percorre il 35 per cento della distanza circolare più breve verso l'obiettivo, mentre quella intensa ne percorre il 70 per cento. Scegliere il percorso più breve è importante vicino al confine di zero gradi, perché la tonalità è un cerchio, non una linea numerica. Saturazione e luminosità restano invariate, così i cinque risultati appaiono correlati invece di diventare una raccolta arbitraria di colori più vivaci, spenti, scuri o chiari. L'ordine restituito è caldo intenso, caldo delicato, base, freddo delicato e freddo intenso. Ogni voce specifica temperatura e intensità e riporta sia il valore esadecimale sia la tonalità calcolata in gradi. Poiché obiettivi, percentuali, arrotondamento e ordine sono fissi, lo stesso input valido restituisce sempre esattamente la stessa palette in ogni ambiente supportato.

Come scegliere e interpretare il colore base

Inserisca un colore CSS esadecimale di tre o sei cifre, con o senza cancelletto iniziale. La forma abbreviata viene espansa prima del calcolo e nella risposta compare il valore normalizzato a sei cifre. Una base cromatica è la scelta più adatta, perché una variazione di temperatura richiede una tonalità significativa. Grigio neutro, nero puro e bianco puro hanno saturazione HSL pari a zero e quindi non possiedono una tonalità che possa essere indirizzata correttamente verso l'arancione o il blu. Il generatore rifiuta tali input invece di inventare una saturazione e restituire colori non più conformi a una trasformazione della sola tonalità. Consideri le varianti delicate come alternative discrete per stati vicini dell'interfaccia, elementi grafici di supporto o accenti secondari. Le varianti intense rendono più evidente la differenza di temperatura, mantenendo saturazione e luminosità originali. La palette è uno strumento di coordinamento creativo, non un verificatore di contrasto. Prima di usare un risultato per testi, controlli, indicatori di stato o altri elementi sensibili all'accessibilità, verifichi la specifica coppia tra primo piano e sfondo con uno strumento dedicato.

Come usare palette deterministiche nel flusso di lavoro

Una trasformazione fissa è particolarmente utile quando i colori devono essere rigenerati nel codice, documentati in un design system o revisionati da più gruppi. Lei può conservare un solo colore base approvato e derivare le stesse alternative calde e fredde ogni volta che prepara un tema, un grafico, un'illustrazione o un contenuto promozionale. In questo modo riduce le variazioni dovute alla selezione manuale e rende semplice motivare ogni campione: le varianti differiscono per uno spostamento misurato della tonalità, non per una scelta visiva priva di documentazione. Il risultato di cinque colori è volutamente ridotto per agevolare il confronto immediato. Un gruppo di prodotto può riservare le varianti delicate agli stati interattivi e agli sfondi, usando quelle intense per l'enfasi; un gruppo dati può distinguere scenari caldi e freddi mantenendo la stessa intensità visiva; chi lavora nell'illustrazione può adottare l'insieme come punto di partenza controllato prima degli adattamenti contestuali. Ogni richiesta API costa $0.002, mentre il browser esegue localmente la stessa logica deterministica. Nessun percorso utilizza consultazioni esterne, casualità, orari, cronologia utente o profili colore dipendenti dall'ambiente.