Preskoči na sadržaj
BeoHosting
BeoHosting

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.

TL;DR

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+ godina iskustva — Stručnjaci za web hosting i infrastrukturu

Poslednje ažurirano:

Color Converter

Unesite boju u HEX, RGB ili HSL formatu — alat automatski konvertuje u sva tri formata.

Pregled

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

RGB slideri

R (crvena)255
G (zelena)203
B (plava)5

20 najčešćih boja

Privatnost: Sve konverzije se vrše lokalno u pregledacu pomoću JavaScript matematickih funkcija. Vaše boje se NE šalju na 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.

Spremni da pokrenete svoj sajt?

SSL zaštita
Brzina
24/7 podrška

Pridružite se 4.000+ zadovoljnih korisnika. Besplatna migracija i 15 dana garancije povrata novca.

15 dana garancija povrata novca
Besplatna migracija15 dana garancija24/7 podrška

Domande frequenti - Color Converter

Odgovori na najčešća pitanja o našim uslugama.

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.

Naše garancije za vaš mir

Zaštićeni ste sa svake strane

15 dana garancije

Vraćamo novac bez pitanja u prvih 15 dana.

Besplatna migracija

Mi prebacimo vaš sajt bez prekida — vi ništa ne radite.

24/7 podrška

Naši stručnjaci su tu 24/7 kroz tikete i live chat.