Convertitore HSV in HSL

HSV e HSL sono due modelli di colore cilindrici che condividono lo stesso angolo di tinta sulla ruota, ma memorizzano luminosità e vividezza su assi diversi. Motori di gioco, strumenti video e molti selettori nativi parlano HSV, dove il valore è la luminosità massima del canale, mentre le proprietà personalizzate CSS, i design system e le rampe di accessibilità spesso preferiscono HSL perché la luminosità si avvicina al nero e al bianco in modo simmetrico. Questo convertitore da HSV a HSL accetta la tinta in gradi da zero a trecentosessanta, la saturazione come percentuale e il valore come percentuale da zero a cento, quindi rimappa saturazione e valore in saturazione e luminosità HSL copiando la tinta invariata.

Come HSV si mappa su HSL con la stessa tinta

La tinta è condivisa da entrambi i modelli: zero gradi è rosso puro, centoventi è verde puro, duecentoquaranta è blu puro e trecentosessanta chiude il cerchio di nuovo sul rosso. I modelli divergono su come si memorizzano vividezza e luminosità. In HSV, il valore è il massimo dei canali RGB sottostanti su scala unitaria, così il valore al cento per cento è il colore più luminoso di quella tinta e saturazione, e il valore allo zero per cento è sempre nero indipendentemente dalla saturazione.

La saturazione HSV estende un grigio di quel valore verso il colore pienamente cromatico alla tinta scelta. In HSL, la luminosità va dal nero allo zero per cento passando per un mezzotono puro vicino al cinquanta per cento fino al bianco al cento per cento, e la saturazione HSL estende un grigio di quella luminosità verso la croma piena.

Poiché le geometrie differiscono, la saturazione numerica in HSV non è lo stesso numero della saturazione numerica in HSL 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: la luminosità è uguale al valore per uno meno metà della saturazione HSV, e la saturazione HSL è zero al nero o al bianco; altrimenti, lo scarto tra valore e luminosità diviso per il minimo tra luminosità e uno meno luminosità. La tinta viene copiata invariata.

La tinta deve trovarsi nell'intervallo chiuso da zero a trecentosessanta; saturazione e valore devono ciascuno trovarsi tra zero e cento per cento inclusi.

Dove la conversione HSV in HSL compare nel lavoro reale

Temi nativi mobili, selettori di materiali Unity e Unreal e molte librerie grafiche espongono controlli di luminosità basati sul valore; tuttavia i design system spesso documentano rampe di brand in HSL affinché i team di prodotto possano variare la luminosità per un contrasto accessibile mantenendo stabili la tinta e una banda di saturazione percettiva. Strumenti di visualizzazione dati e arte generativa che memorizzano campioni d'artista come HSV necessitano di un percorso affidabile nell'esportare token come proprietà personalizzate HSL per il web.

Pipeline video e broadcast che documentano i colori in HSV per la correzione telecamera hanno ancora bisogno di HSL per alimentare CSS e documentazione di design. Curriculum e bootcamp insegnano i modelli cilindrici affiancati e necessitano di un unico oracolo affidabile per chiavi di esercizi che coincidano con le identità dei manuali.

Se in seguito serve il percorso inverso HSL verso HSV, HSV verso RGB, conversione multi-formato HEX LAB CMYK o controlli di contrasto WCAG, li tratti come intenzioni di ricerca e landing separate invece di sovraccaricare questa pagina dedicata al convertitore HSV in HSL.