Binatomy
Convertitore Colori

Convertitore Colori

Converti colori tra HEX, RGB e HSL con palette complementari, analoghi e triadici

Formati Colore

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

Valori RGB

R: 99 G: 102 B: 241

Palette Colori

Complementare

Analoghi

Triadici

FAQ

Domande Frequenti

Tutto quello che devi sapere sulla conversione dei colori

Qual e la differenza tra RGB e HSL?

RGB (Red, Green, Blue) definisce i colori come combinazione di tre canali di luce (rosso, verde, blu) con valori da 0 a 255 ciascuno. HSL (Hue, Saturation, Lightness) e un modello piu intuitivo che descrive il colore in base alla tinta (0-360 gradi), alla saturazione (0-100%) e alla luminosita (0-100%). HSL e spesso preferito dai designer perche piu facile da manipolare.

Come funzionano i colori complementari?

Il colore complementare si trova a 180 gradi di distanza sulla ruota cromatica. I colori complementari creano il massimo contrasto tra loro e sono usati nel design per attirare l'attenzione. Ad esempio, il complementare del blu e l'arancione, del rosso e il ciano, del verde e il magenta.

Cosa sono i colori analoghi e triadici?

I colori analoghi sono adiacenti sulla ruota cromatica (a circa 30 gradi di distanza) e creano armonie morbide e naturali. I colori triadici sono equidistanti (a 120 gradi l'uno dall'altro) e formano un triangolo sulla ruota cromatica, creando combinazioni vivaci ed equilibrate.

Posso usare il formato HEX per il CSS?

Si, il formato HEX e il piu usato nel CSS e nel web design. Il formato a 6 caratteri (#RRGGBB) e supportato da tutti i browser. Puoi anche usare la versione abbreviata a 3 caratteri (#RGB) quando ciascuna coppia ha cifre identiche. Il convertitore mostra anche i formati RGB e HSL, entrambi validi in CSS.

Which color formats does the tool convert?

It starts from a HEX code, written in full or in the short three-digit form, and returns the RGB value and the HSL value of the same color, with all three ready to copy.

What is the difference between RGB and HSL?

RGB describes a color with the three channels red, green and blue from 0 to 255. HSL describes it with hue from 0 to 360 degrees, saturation and lightness as percentages, which is handier for making a shade lighter or darker.

Where do the palette colors come from?

The palette comes from rotating the hue of the starting color: the complementary at 180 degrees, the analogous at 30 degrees either side, the triadic at 120 and 240 degrees. Clicking a shade makes it the active color.

Does my data stay private?

Yes, and not because we promise it: this tool runs entirely inside your browser. What you type or upload never leaves your device, so it never reaches a server of ours and there is nothing we could keep, read or lose. You can check it yourself: open the page, disconnect from the internet, and the tool keeps working.

Do you store what I enter?

No. There is no database behind this tool: we do not store your files, your text or your results. When you close the tab nothing is left — not here with us, because it never arrived, and not anywhere else.

Do you profile me? Are you GDPR compliant?

We do not profile you: there is no account to create, we never ask for your email to use a tool, and we keep no profile of what you do. We are an Italian company and we work under the GDPR and the other European rules, with the privacy notice and the consent request in plain sight. One thing we say in full rather than hiding it behind a slogan: the ads on the page are Google's, and Google may use cookies to personalise them. You decide from the consent banner: if you say no the ads stay, but they are not personalised, and the tool works exactly the same.

If it is free, how do you make money?

From the ads on the page, and that is all. We do not sell your data, there is no hidden paid plan, there is no limit that eventually asks for your card, and you do not have to sign up. The ads pay for the servers and for the time we spend writing the tools: that is how we can keep them open to everyone.