Vai al contenuto
(+381) 60 3535 720
Il mio account
BeoHosting
BeoHosting
Il mio accountContatti
(+381) 60 3535 720
 

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.

Converti il colorePiani hosting
RISPOSTA RAPIDA

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

BeoHosting Team

10+ anni di esperienza — Specialisti di web hosting e infrastrutture

Ultimo aggiornamento:

Color Converter

Inserisci un colore in formato HEX, RGB o HSL — lo strumento lo converte automaticamente in tutti e tre i formati.

Anteprima

#FFCB05
#FFCB05
rgb(255, 203, 5)
hsl(48, 100%, 51%)

Slider RGB

R (rosso)255
G (verde)203
B (blu)5

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.

Guida

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.

Strumenti e servizi correlati

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64 EncoderPassword GeneratorCSS on your siteWordPress HostingCheck site speedContact

Pronto a lanciare il tuo sito web?

Protezione SSL
Velocità
Assistenza 24/7

Unisciti a oltre 4.000 clienti soddisfatti. Migrazione gratuita e garanzia soddisfatti o rimborsati di 15 giorni.

Scegli un pianoContattaci
Garanzia soddisfatti o rimborsati di 15 giorni
Migrazione gratuitaGaranzia di 15 giorniAssistenza 24/7

Domande frequenti - Color Converter

Le risposte alle domande più comuni sui nostri servizi.

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.

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.

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.

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.

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 15 giorni

Rimborsiamo senza fare domande nei primi 15 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.