Convertitore HSL↔HSV

HSL e HSV sono due modelli di colore cilindrici che condividono lo stesso angolo di tinta sulla ruota, ma trattano in modo diverso il secondo e il terzo asse: HSL usa saturazione e luminosità, mentre HSV usa saturazione e valore (luminosità massima). I designer scelgono spesso i colori in HSL perché la luminosità si avvicina al nero e al bianco in modo simmetrico; invece i motori di gioco, gli editor di immagini e molte pipeline video parlano in HSV perché il valore corrisponde in modo più diretto alla luminosità massima del canale. Questo convertitore riceve una direzione —HSL verso HSV o HSV verso HSL—, la tinta in gradi da 0 a 360, la saturazione come percentuale e la luminosità o il valore come percentuale da 0 a 100, poi restituisce la tripla convertita con entrambi gli oggetti di modello compilati.

Come HSL e HSV si relazionano sulla stessa tinta

La tinta è condivisa: 0 gradi è rosso puro, 120 è verde puro, 240 è blu puro e 360 chiude il cerchio di nuovo sul rosso. I modelli divergono su come si memorizzano vividezza e luminosità. In HSL, la luminosità va dal nero allo 0 per cento passando per un tono medio puro vicino al 50 per cento fino al bianco al 100 per cento, e la saturazione HSL distende un grigio di quella luminosità verso il colore pienamente cromatico alla tinta scelta.

In HSV, il valore è il massimo dei canali RGB sottostanti su scala unitaria, così un valore al 100 per cento è il colore più luminoso di quella tinta e saturazione, e un valore allo 0 per cento è sempre nero indipendentemente dalla saturazione. Poiché le geometrie differiscono, la saturazione numerica in HSL non è lo stesso numero della saturazione numerica in HSV per la maggior parte dei colori, anche quando il colore percepito coincide dopo la conversione.

Il percorso in forma chiusa usato qui opera sull'intervallo unitario: per HSL verso HSV, il valore è uguale alla luminosità più la saturazione HSL per il minimo tra luminosità e uno meno luminosità, e la saturazione HSV è 0 quando il valore è 0; altrimenti due volte uno meno luminosità diviso il valore.

Per HSV verso HSL, la luminosità è il valore per uno meno metà della saturazione HSV, e la saturazione HSL è 0 al nero o al bianco; altrimenti lo scarto tra valore e luminosità diviso il minimo tra luminosità e uno meno luminosità. La tinta viene copiata invariata. La tinta deve trovarsi nell'intervallo chiuso da 0 a 360; saturazione, luminosità e valore devono ciascuno trovarsi tra 0 e 100 per cento inclusi.

Dove la conversione HSL in HSV compare nel lavoro reale

I sistemi di design spesso redigono le rampe di brand in HSL così i team di prodotto possono scalare la luminosità per un contrasto accessibile mantenendo stabili tinta e una banda di saturazione percettiva; tuttavia temi nativi mobili, selettori di materiali Unity e Unreal e molte librerie grafiche si aspettano HSV o HSB per controlli di luminosità orientati all'artista. Strumenti di visualizzazione dati e arte generativa che espongono una ruota di tinta con cursore di valore necessitano di un'inversa affidabile nell'esportare token memorizzati come proprietà personalizzate HSL.

Pipeline video e broadcast che documentano i colori in HSV per la correzione camera hanno ancora bisogno di HSL per alimentare CSS e documentazione di design. Corsi e bootcamp insegnano modelli cilindrici affiancati e necessitano di un unico oracolo affidabile per chiavi di esercizi che corrispondano alle identità dei manuali. Se in seguito serve HSL verso RGB, conversione multi-formato HEX LAB CMYK o controlli di contrasto WCAG, li tratti come intenti di ricerca e landing separate anziché sovraccaricare questa pagina dedicata al convertitore HSL in HSV.