Convertire RGB in HSL

Inserisca i canali rosso, verde e blu compresi tra 0 e 255. Il convertitore restituisce la tonalità su un cerchio di 0–360 gradi e saturazione e luminosità come percentuali da 0 a 100. I canali mancanti, non numerici, infiniti o fuori intervallo vengono rifiutati anziché corretti senza avviso, così gli errori restano visibili e i dati successivi rimangono affidabili.

Inserisca correttamente i canali RGB

Fornisca tre campi numerici per rosso, verde e blu usando i nomi abbreviati r, g e b. Ogni canale deve essere compreso tra 0 e 255, estremi inclusi. Zero indica che il canale non fornisce intensità, mentre 255 rappresenta l'intensità massima. Sono ammessi anche valori decimali intermedi, utili quando un altro calcolo genera colori interpolati. Il convertitore evita deliberatamente di limitare i valori non validi. Se un canale è negativo, supera 255, manca, non è numerico oppure è infinito, la richiesta restituisce un errore di input. Questo comportamento rigoroso rende più sicuri i flussi automatizzati, perché un valore sorgente non valido non può trasformarsi silenziosamente in un colore plausibile ma errato. Come primo test noto, usi r 255, g 0 e b 0: il risultato è rosso con tonalità di zero gradi, saturazione completa e luminosità del cinquanta per cento. Quando copia valori da CSS, invii soltanto i numeri dei canali, senza il contenitore rgb(), virgole o simboli di percentuale. Mantenere numerico l'input evita inoltre ambiguità tra la scala RGB 0–255 e la notazione percentuale adottata da alcuni sistemi di progettazione.

Comprenda come viene calcolato il risultato HSL

La conversione normalizza prima ogni canale RGB dividendolo per 255. Individua quindi il maggiore e il minore tra i canali normalizzati. La loro media diventa la luminosità, mentre la differenza, chiamata croma, stabilisce se il colore possiede saturazione e una tonalità significativa. Quando il croma è zero, il colore è una sfumatura di grigio: la saturazione vale zero e per convenzione la tonalità viene indicata come zero, poiché nessuna posizione sul cerchio cromatico è visivamente distinguibile. Nei colori cromatici, la saturazione è il croma adattato alla luminosità corrente, mentre la tonalità dipende dal canale RGB maggiore. Rosso, verde e blu occupano settori diversi del cerchio e le differenze relative selezionano la posizione nel settore. La tonalità restituita è espressa in gradi da zero fino a un valore inferiore a 360. Saturazione e luminosità vengono moltiplicate per 100 ed espresse in percentuale. I risultati sono arrotondati a quattro decimali per offrire precisione utile e risposte stabili e leggibili. È la trasformazione RGB-HSL standard: riorganizza le stesse informazioni cromatiche senza applicare gestione del colore, correzione gamma o conversione di profilo.

Utilizzi HSL nei flussi di progettazione e applicativi

HSL è spesso più intuitivo di RGB quando occorre ragionare sulle varianti. La tonalità identifica la famiglia cromatica, la saturazione controlla quanto il colore appare vivido o grigio e la luminosità lo sposta verso il nero o il bianco. Dopo aver convertito un colore del marchio, Lei può conservarne la tonalità e regolare la luminosità per gli stati al passaggio, premuto o disabilitato. Una pipeline di dati può uniformare record cromatici misti in una rappresentazione HSL comune prima di ordinarli o raggrupparli. Un controllo qualità può anche confrontare i risultati con i token di progettazione e rifiutare subito canali RGB non validi. Ricordi che variazioni numeriche uguali non garantiscono variazioni visive uguali: HSL è comodo per i controlli, ma non è uno spazio cromatico percettivamente uniforme. Conservi inoltre i valori RGB originali se sono importanti conversioni inverse esatte, perché l'arrotondamento può introdurre una piccola differenza. L'operazione è deterministica e dipende soltanto dai numeri ricevuti: non accede alla rete, non usa casualità, orologi o archivi cromatici esterni. Input identici producono quindi output identici in chiamate ripetute, caratteristica adatta a test, script di build, integrazioni API e strumenti riproducibili per sistemi di progettazione.