Converti un colore HEX in HSL

Con Da HEX a HSL, designer e sviluppatori front-end possono regolare un’interfaccia prima di implementarla. Converti un colore HEX in HSL.

Converti un colore HEX in HSL. Puoi usarlo gratis nel browser senza creare un account e controllare il risultato prima di proseguire.

Come si usa

Inserisci un codice colore esadecimale valido nell'area di input, usando il formato mostrato dall'interfaccia.
Esegui la conversione per ottenere i componenti HSL corrispondenti senza ulteriori impostazioni.
Leggi i valori di tonalità, saturazione e luminosità, poi confrontali con il colore originale del tuo design.
Copia i valori HSL nel tuo foglio di stile o strumento di progettazione, e svuota il campo se stai condividendo lo schermo.

Esempio

Con il colore di esempio, lo strumento dovrebbe restituire una tonalità, una saturazione e una luminosità che corrispondono al codice esadecimale inserito. Fai attenzione alla tonalità e alla luminosità prima di adattare una palette o lo stato di un pulsante.

Input

#16A34A

Risultato

hsl(142 76% 36%)

Limiti e formati

Converte un colore, ma non controlla il contrasto con il testo né valuta l'accessibilità.
Non crea palette, non suggerisce varianti e non corregge un codice esadecimale non valido.
I valori HSL sono pensati per essere copiati; controlla il loro formato esatto prima di usarli in un framework o preprocessore.

Dove avviene il trattamento

La conversione avviene localmente nel tuo browser. Il codice colore che digiti non viene inviato da nessuna parte e non lascia il tuo dispositivo.

Domande frequenti

A cosa servono i valori HSL?

HSL descrive un colore tramite tonalità, saturazione e luminosità. Questi componenti sono pratici per regolare una palette, creare varianti o spiegare un colore nella documentazione.

Posso convertire più colori contemporaneamente?

No, lo strumento lavora sul valore presente nell'area di input. Per confrontare più colori, esegui di nuovo la conversione con ciascun codice uno dopo l'altro.

Cosa fare se il risultato sembra errato?

Controlla prima che il codice esadecimale sia completo e scritto correttamente. Un valore non valido o incompleto non può essere convertito in componenti HSL affidabili.