Strumento gratuito per web designer
Color Converter — Convertitore di colori HEX, RGB, HSL
Converti i colori tra i formati HEX, RGB e HSL. Anteprima live, color picker, slider RGB e i 20 colori più diffusi. Tutto in locale nel browser.
Come usare il Color Converter per HEX, RGB e HSL?
Il Color Converter converte un colore tra 3 formati web standard in 3 passaggi: 1) Inserisci un valore in un formato qualsiasi — HEX (#FFCB05), RGB (rgb(255, 203, 5)) o HSL (hsl(48, 100%, 51%)). 2) Lo strumento calcola automaticamente gli altri due formati + mostra un'anteprima live. 3) Copia il formato desiderato o usa gli slider RGB per la regolazione fine. Quale formato usare e quando: HEX per CSS e HTML, RGB per il canvas JavaScript, HSL per le variazioni semantiche (tonalità più chiara/più scura). Tutto viene calcolato in locale nel browser.
- 3 formati — HEX, RGB, HSL — con anteprima live
- Slider RGB per la regolazione fine di rosso/verde/blu
- I 20 colori più diffusi come selettore rapido
- In locale nel browser — senza invio al server
Color Converter
Inserisci un colore in formato HEX, RGB o HSL — lo strumento lo converte automaticamente in tutti e tre i formati.
Anteprima
Slider RGB
I 20 colori più comuni
Privacy: Tutte le conversioni vengono eseguite in locale nel browser utilizzando le funzioni matematiche di JavaScript. I tuoi colori NON vengono inviati al server.
HEX, RGB e HSL — quando usare quale formato
Il formato HEX (#FFCB05) è il più diffuso in CSS e HTML — compatto e leggibile. Sei caratteri esadecimali rappresentano 3 byte (le componenti rosso/verde/blu, ciascuna da 0 a 255). Esiste anche una notazione abbreviata a 3 caratteri (#FA0 = #FFAA00) per i colori con coppie ripetute.
RGB — Red Green Blue
Il formato RGB usa 3 numeri decimali da 0 a 255 (rgb(255, 203, 5)). Ideale per la canvas API di JavaScript, la generazione programmatica dei colori e il canale alfa (rgba). RGB è intuitivo quando si mescolano i colori primari, ma non è adatto alle variazioni dello stesso colore.
HSL — Hue Saturation Lightness
HSL separa un colore in 3 componenti: Hue (tonalità, 0-360°, dove rosso=0, verde=120, blu=240), Saturation (saturazione, 0-100%) e Lightness (luminosità, 0-100%). Ideale per temi e palette — basta modificare la Lightness per uno stato hover, oppure solo la Hue per i colori secondari.
Pronto a lanciare il tuo sito web?
Unisciti a oltre 4.000 clienti soddisfatti. Migrazione gratuita e garanzia soddisfatti o rimborsati di 30 giorni.
Domande frequenti - Color Converter
Le risposte alle domande più comuni sui nostri servizi.
Chiamaci: l'assistenza è attiva 24/7, al telefono e tramite ticket.
(+381) 60 3535 720Cos'è il formato di colore HEX?
HEX (esadecimale) è la notazione standard dei colori in CSS nella forma #RRGGBB. Ogni valore esadecimale a due cifre (00-FF) rappresenta una delle tre componenti: rosso (RR), verde (GG), blu (BB). Per esempio, #FFCB05 significa R=255, G=203, B=5 — il colore giallo del marchio BeoHosting.
Quando usare RGB invece di HEX?
Il formato RGB si usa quando hai bisogno di un canale alfa (trasparenza) — rgba(255, 203, 5, 0.5) — oppure quando generi i colori in modo programmatico nella canvas API di JavaScript, dove i valori numerici sono più comodi. HEX è più compatto per il CSS statico, mentre RGB è più leggibile per i valori dinamici.
Perché il formato HSL semplifica il lavoro con i temi?
HSL separa il colore in tre componenti intuitive: Hue, Saturation, Lightness. Per creare uno stato hover, riduci la Lightness del 5-10% senza modificare la tonalità. Per creare un colore secondario, modifica solo la Hue di 30-60°. RGB e HEX richiedono calcoli complessi per ottenere gli stessi risultati.
L'HEX a 8 caratteri (#RRGGBBAA) è supportato da tutti i browser?
Sì, dal 2018 tutti i browser moderni (Chrome 62+, Firefox 49+, Safari 10+) supportano l'HEX a 8 caratteri con canale alfa: #FFCB0580 significa 50% di trasparenza. Per i browser datati (IE), usa rgba(), che ha supporto universale.
Questo strumento memorizza i miei colori sul server?
No. Tutte le conversioni vengono eseguite in locale nel tuo browser utilizzando le funzioni matematiche di JavaScript. I tuoi colori NON vengono inviati al server né memorizzati in un database. Tutto è privato al 100% e funziona offline.
Le nostre garanzie per la tua tranquillità
Protetto sotto ogni punto di vista
Garanzia di 30 giorni
Rimborsiamo senza fare domande nei primi 30 giorni.
Migrazione gratuita
Migriamo il tuo sito senza interruzioni: non devi fare nulla.
Assistenza 24/7
I nostri esperti sono a tua disposizione 24/7 via ticket e live chat.