Convertitore HSL Gratis: Convertire Colori HSL HEX RGB Online

A Hue (0-360°), Saturation (0-100%), Lightness (0-100%).

A RGB per canali. HSL per tonalità/saturazione/luminosità, più intuitivo.

A Mantieni H e S, cambia L. L=90% chiaro, L=50% normale, L=10% scuro.

A Spostare il cursore della Luminosità al 100% risulterà sempre in bianco, indipendentemente dai valori di Tonalità o Saturazione selezionati. La luminosità massima lava completamente qualsiasi colore. Vedrai il codice HEX cambiare in #FFFFFF e i valori RGB diventare 255, 255, 255. È un modo rapido per reimpostare un colore al suo stato più luminoso.

A Ogni monitor riproduce i colori in modo diverso. Un valore HSL vivido sul tuo display calibrato potrebbe apparire spento su un laptop non calibrato. Non è un difetto dello strumento — è una questione hardware. Prova il tuo colore su almeno due dispositivi prima di finalizzare un progetto. Per il web, includi nel CSS sia i valori HEX che RGB come fallback per ridurre le differenze tra schermi.

A Non direttamente — questo strumento non ha un pulsante di salvataggio né una funzione di esportazione. Ma puoi farlo da solo in due secondi. Copia il codice HEX che si aggiorna in tempo reale mentre muovi i cursori e incollalo nel tuo software di design, in un file CSS o in un'app note. Ti consiglio di tenere aperto un documento separato per raccogliere la tua palette mentre esplori diverse combinazioni HSL.

A Questo convertitore HSL non gestisce la trasparenza alpha — produce solo colori pieni. Se ti serve opacità, abbina i codici HEX o RGB ottenuti a un canale alpha separato in CSS, tipo rgba(255, 100, 50, 0.7). Lo strumento si concentra sui colori opachi, coprendo tranquillamente il 90% delle esigenze progettuali.

A Non direttamente in questo convertitore — non include un controllo contrasto. Ma c'è un trucco: imposta il colore di sfondo con i cursori, copia il suo codice HEX, poi fai lo stesso per il colore del testo. Inserisci entrambi i valori HEX in un calcolatore di contrasto WCAG gratuito online. Serve almeno un rapporto di 4.5:1 per testo normale e 3:1 per testo grande. Tengo sempre aperta una scheda di controllo contrasto quando scelgo colori per un marchio.