PantoneTools

Da HEX a HSL

Converti i codici colore HEX in valori HSL con precisione, ideale per la manipolazione del colore e i sistemi di progettazione

Convertitore di colori

#

Enter a 6-character hex code (without the #)

Clicca sui campioni di colore per vedere gli esempi

Risultato del colore

HSL Values

Tinta

0° = Red, 120° = Green, 240° = Blue

Saturazione 0%

0% = Gray, 100% = Full color

Leggerezza 100%

0% = Black, 100% = White

RGB Equivalent

rgb(255, 255, 255)

hsl(0, 0%, 100%)

Esempi di conversione

Rosso

HEX: #FF0000

HSL: 0°, 100%, 50%

Verde

HEX: #00FF00

HSL: 120°, 100%, 50%

Blu

HEX: #0000FF

HSL: 240°, 100%, 50%

Giallo

HEX: #FFFF00

HSL: 60°, 100%, 50%

Magenta

HEX: #FF00FF

HSL: 300°, 100%, 50%

Ciano

HEX: #00FFFF

HSL: 180°, 100%, 50%

Strumenti consigliati

Informazioni su questo strumento

Il nostro convertitore da HEX a HSL trasforma i codici colore esadecimali nel modello di colore HSL (tonalità, saturazione, luminosità), particolarmente utile per la manipolazione dei colori e la creazione di schemi cromatici coerenti.

HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).

Questa conversione è particolarmente utile per sviluppatori web e designer che lavorano con CSS, poiché HSL consente regolazioni intuitive del colore. Modificando un singolo componente (tonalità, saturazione o luminosità) si ottengono risultati prevedibili, semplificando la creazione di variazioni e armonie cromatiche.

Il processo di conversione trasforma prima HEX in RGB, quindi converte RGB in HSL utilizzando algoritmi standard del settore che preservano accuratamente l'integrità del colore tra diversi modelli di colore.

Domande frequenti