Convertitore di colori – HEX, RGB, HSL

Converti colori tra HEX, RGB e HSL

Lavorando con diversi strumenti di design e sviluppo web, capita spesso di dover convertire i colori da un formato all'altro. Questo convertitore supporta i tre formati più diffusi: HEX, RGB e HSL.

Digita o incolla un valore colore: il formato viene riconosciuto automaticamente. I valori equivalenti in tutti e tre i formati compaiono istantaneamente, pronti per essere copiati.

Formati colore supportati

• HEX – es. #3B82F6 oppure #f00 (notazione abbreviata)
• RGB – es. rgb(59, 130, 246)
• HSL – es. hsl(217, 91%, 60%)

Ogni valore in uscita è formattato come proprietà CSS, pronto per essere incollato direttamente nel tuo codice.

Come usare il convertitore

1. Inserisci un valore colore nel campo di input – HEX, RGB o HSL
2. Il formato viene rilevato in automatico
3. I valori convertiti nei tre formati appaiono sotto il campo di input
4. Clicca sul pulsante di copia accanto al formato desiderato per copiarlo negli appunti

Casi d'uso comuni

• Convertire un codice HEX da un file di design in RGB per il CSS
• Ottenere il valore HSL di un colore per regolarne luminosità o saturazione
• Tradurre valori RGB da un editor di immagini in HEX per l'HTML
• Verificare rapidamente che due colori espressi in formati diversi siano effettivamente identici

Quando usare HEX, RGB o HSL

HEX è il formato più compatto e il più utilizzato in CSS e HTML. RGB è comune nei software di grafica e fotoritocco. HSL è il formato più leggibile per l'essere umano: separa tonalità, saturazione e luminosità, rendendo semplice la modifica manuale dei colori.

Non esiste un formato migliore in assoluto – usa quello richiesto dal tuo flusso di lavoro. E quando devi passare da uno all'altro, questo convertitore lo fa in un istante.

Domande frequenti

Come converto un codice HEX in RGB?

Incolla il tuo codice HEX (es. #3B82F6) nel campo di input. Il valore RGB equivalente comparirà immediatamente sotto.

Come converto un valore RGB in HEX?

Inserisci il valore RGB nel formato rgb(59, 130, 246). Il codice HEX e il valore HSL verranno calcolati e mostrati automaticamente.

Che cos'è il formato HSL?

HSL sta per Hue (tonalità), Saturation (saturazione) e Lightness (luminosità). Descrive i colori in modo intuitivo: puoi modificare la luminosità o la vivacità di un colore senza alterarne la tonalità di base.

I codici HEX abbreviati sono supportati?

Sì. Puoi inserire codici brevi come #f00 o #abc: verranno espansi automaticamente e convertiti correttamente.

Il convertitore è gratuito?

Sì. ColourPicker.app è completamente gratuito e non richiede alcuna registrazione.

Funziona anche su dispositivi mobili?

Sì. Il convertitore di colori funziona su qualsiasi dispositivo con un browser moderno – computer, tablet o smartphone.