Convertire HSL in RGB

Converta un colore HSL nei canali rosso, verde e blu richiesti da numerosi strumenti grafici, formati immagine e interfacce software. Inserisca la tonalità in gradi e saturazione e luminosità come percentuali per ottenere tre interi da 0 a 255. Il convertitore convalida ogni componente prima del calcolo: un valore fuori intervallo produce quindi un errore di input chiaro, anziché un colore corretto o riavvolto in modo inatteso. Il calcolo puro e deterministico è adatto a verifiche interattive, esempi di documentazione, pipeline di token di design e trasformazioni automatizzate ripetibili.

Comprendere i valori HSL in ingresso

HSL descrive un colore con tre concetti spesso più semplici da regolare rispetto ai singoli canali rosso, verde e blu. La tonalità è un angolo sulla ruota cromatica. 0 gradi rappresenta il rosso, 120 gradi il verde, 240 gradi il blu e 360 gradi ritorna alla stessa posizione rossa di 0. La saturazione controlla quanto colore compare nel risultato.

Con 0%, la tonalità non ha alcun effetto visibile e l’output è una sfumatura di grigio. Con 100%, il colore raggiunge il massimo croma disponibile per la tonalità e la luminosità scelte. La luminosità colloca il risultato tra nero e bianco: 0% è sempre nero, 50% offre la forma più intensa di una tonalità completamente satura e 100% è sempre bianco.

Fornisca la tonalità come numero finito da 0 a 360 e saturazione e luminosità come percentuali finite da 0 a 100. Gli estremi sono inclusi. I valori esterni vengono rifiutati invece di essere normalizzati in silenzio.

Ciò aiuta a individuare token di design errati e impedisce che una tonalità negativa o una percentuale superiore a 100 produca un colore plausibile ma non desiderato.

Come la conversione genera i canali RGB

Il calcolo porta innanzitutto la tonalità su una circonferenza unitaria e trasforma le percentuali di saturazione e luminosità in frazioni. Quando la saturazione è 0, il colore è acromatico; pertanto, tutti e tre i canali RGB ricevono lo stesso valore derivato dalla luminosità. Negli altri casi, l’algoritmo calcola due limiti intermedi dalla saturazione e dalla luminosità.

Campiona poi tre posizioni sulla circonferenza della tonalità, separate da un terzo di giro: una per il rosso, una per il verde e una per il blu. Un’interpolazione a tratti mappa ogni posizione tra i limiti intermedi. Infine, ciascuna frazione di canale viene moltiplicata per 255 e arrotondata all’intero più vicino.

La risposta contiene i campi rosso, verde e blu, tutti garantiti come interi tra 0 e 255. Si tratta di aritmetica deterministica: non utilizza rete, casualità, orologio, impostazioni locali o stato memorizzato. La conversione considera inoltre 360 come l’estremo della ruota equivalente a 0, pur applicando l’intervallo chiuso documentato.

Nessun input viene limitato automaticamente, così gli errori di convalida restano visibili.

Usare il risultato in modo affidabile

Utilizzi i canali restituiti ovunque un sistema richieda valori RGB a otto bit. Un foglio di stile può inserirli in un’espressione rgb(), una routine per immagini può scriverli in un pixel o in una voce della tavolozza e una build di token di design può serializzarli per piattaforme che non accettano direttamente HSL. Per una verifica manuale, inserisca un colore noto: tonalità 0, saturazione 100 e luminosità 50 producono rosso 255, verde 0 e blu 0.

Nell’automazione, gestisca gli errori separatamente dalle risposte riuscite: un campo mancante, un numero non finito o qualsiasi componente fuori intervallo costituisce un input non valido e va corretto, non riprovato senza modifiche. Conservi i valori HSL originali se il gruppo di progettazione dovrà apportare regolazioni percettive in seguito, poiché questa capacità esegue solo la conversione diretta e non ricava l’HSL originale da RGB. Poiché l’output usa interi, è pronto per i normali consumatori RGB senza un’ulteriore regola di arrotondamento che potrebbe generare differenze di un’unità tra applicazioni.