⭐ 0
🔍
Testo Immagine PDF e Documenti Audio Musica Elettronica Tempo Utilità Validatori Esoterismo Giochi

Convertitore da HEX a HSL

Converti qualsiasi colore tra notazione HEX, RGB, HSL e CMYK con un campione di anteprima dal vivo, direttamente nel tuo browser.

Elaborazione... 0%
Analisi del valore del colore
Conversione degli spazi colore
Anteprima del rendering
Fatto

Risultato

Questa pagina apre il convertitore di colori con HEX preselezionato: incolla un codice come #3b82f6 ed eseguilo per leggere lo stesso colore di hsl (tonalità, saturazione, luminosità).

HSL descrive un colore per tonalità (0–360°), saturazione e luminosità, il che la rende la notazione CSS più user-friendly: scurisci un pulsante abbassando la luminosità o crea una tavolozza spostando solo la tonalità: modifica le cifre HEX non possono essere espresse in modo leggibile.

Il convertitore completo accetta input HEX, RGB o HSL e restituisce tutte e quattro le notazioni contemporaneamente, con un selettore di colori nativo e un campione in tempo reale: tutto avviene nel tuo browser, quindi i valori dei colori non lasciano mai il tuo dispositivo.

🛡️
Eseguito nel browser

I tuoi file e input non lasciano mai questo dispositivo. L'elaborazione viene eseguita completamente offline. Sicuro al 100%.

Formati e regole accettati

  • Converte tra modelli di colore HEX, RGB, HSL e CMYK.
  • Selettore colore nativo che riempie il campo del valore nel formato selezionato.
  • Campione di anteprima dal vivo più copia con un clic di tutte e quattro le notazioni.

Vantaggi principali

✓ Un input, ogni notazione: digita un colore una volta e rileggilo simultaneamente come HEX, RGB, HSL e CMYK.
✓ Parser tollerante: accetta allo stesso modo le triplette #fff, #3b82f6, rgb(255, 0, 0), bare "255, 0, 0" e hsl(120, 50%, 50%).
✓ Funziona interamente nel tuo browser: i valori dei colori non vengono mai caricati da nessuna parte.

Casi d'uso

  • • Trasforma il codice #rrggbb da un libro di marca nella notazione rgb() o hsl() prima di collegare gli stati di hover e disabilitato nei CSS.
  • • Converti un colore RGB sullo schermo in percentuali CMYK per verificare come si separerà prima di inviare biglietti da visita o volantini per la stampa.
  • • Seleziona un colore con il selettore integrato e copia tutte e quattro le notazioni contemporaneamente per un passaggio dalla progettazione al codice.