Convertitore HSL in HEX
Cos'è Convertitore HSL in HEX
Questo strumento converte i valori HSL (Tonalità, Saturazione, Luminosità) in codici colore HEX. Inserisci la tonalità (0–360°), la saturazione (0–100%) e la luminosità (0–100%) e ottieni il codice HEX corrispondente. Utile quando hai progettato una palette in uno strumento basato su HSL e hai bisogno della stringa HEX per un file CSS.
Come usare
- Inserisci i valori di Tonalità (0–360), Saturazione (0–100) e Luminosità (0–100) nei campi HSL.
- Il codice HEX e i valori RGB si aggiornano istantaneamente.
- Clicca sul pulsante copia accanto a HEX per copiare il codice #RRGGBB.
- Passa tra i 6 convertitori usando i link in alto.
Quando usarlo
Hai scelto il colore in un selettore HSL ma il tuo tema Tailwind vuole HEX? Inserisci hsl(217, 91%, 60%) e copia #3B82F6 direttamente nel tuo tailwind.config.js. Così regoli il colore in formato HSL e passi al CSS il codice giusto senza tirare a indovinare la conversione.
Domande frequenti
Cos'è hsl(0, 100%, 50%) in HEX?
hsl(0, 100%, 50%) è #ff0000 — rosso puro. Tonalità 0° con saturazione massima e 50% di luminosità dà il rosso più puro.
Cos'è hsl(0, 0%, 100%) in HEX?
hsl(0, 0%, 100%) è #ffffff — bianco. Il 100% di luminosità è sempre bianco indipendentemente dalla tonalità o dalla saturazione.
Cos'è hsl(0, 0%, 0%) in HEX?
hsl(0, 0%, 0%) è #000000 — nero. Lo 0% di luminosità è sempre nero.
Perché il mio risultato HSL in HEX potrebbe differire leggermente da altri strumenti?
L'arrotondamento nei calcoli intermedi può produrre una differenza di 1 cifra HEX. Questa differenza di ±1 è visivamente impercettibile.
Posso condividere questo strumento con i miei dati precompilati?
Sì. L'URL si aggiorna automaticamente mentre digiti. Copia il link dalla barra degli indirizzi o usa il pulsante Condividi — chiunque lo apra vedrà i tuoi dati già inseriti.
Strumenti correlati
Convertitore HEX in HSL
Converti codici colore HEX in valori HSL istantaneamente. Convertitore HEX in HSL con anteprima dal vivo. Ideale per variabili CSS e temi di colore.
Calcolatore di Rapporto d'Aspetto
Calcola il rapporto d'aspetto, trova la larghezza o l'altezza mancante e ridimensiona immagini e video mantenendo le proporzioni. Gratis.
Decodificatore Base64
Decodifica stringhe Base64 in testo semplice istantaneamente. Supporta output Unicode completo con emoji. Decodificatore Base64 gratuito.