Question 1

Formati colore

Accepted Answer

I colori web possono essere espressi in diversi formati. HEX, RGB e HSL sono i tre formati più comuni usati in CSS e negli strumenti di design. Ognuno rappresenta lo stesso colore in modo diverso e la conversione tra di essi è essenziale nel flusso di lavoro dello sviluppo front-end.

Question 2

HEX, RGB, HSL

Accepted Answer

HEX (#rrggbb) codifica i canali rosso, verde e blu come due cifre esadecimali ciascuno (00–ff), es. #3b82f6. RGB (rgb(r, g, b)) esprime ogni canale come intero da 0 a 255, es. rgb(59, 130, 246). HSL (hsl(h, s%, l%)) utilizza tonalità (0–360°), saturazione (0–100%) e luminosità (0–100%) — un modello più intuitivo per regolare i colori, es. hsl(217, 91%, 60%).

Question 3

Selettore colore

Accepted Answer

Clicca sul campione di colore in alto per aprire il selettore di colore nativo del browser. Selezionando un colore, tutti e tre i campi di formato si aggiorneranno automaticamente.

Question 4

When to use HEX vs RGB vs HSL

Accepted Answer

Use HEX when working with CSS shorthand or design tools — it is the most compact notation and widely recognized by designers. Use RGB when you need to manipulate individual color channels programmatically (e.g., adjusting opacity with rgba()). Use HSL when you want intuitive color adjustments — changing hue rotates the color, changing saturation controls vividness, and changing lightness controls brightness. HSL is the most human-friendly format for creating color palettes and design systems.

Question 5

How to convert HEX to RGB

Accepted Answer

Paste a HEX color value (e.g. #3b82f6) into the HEX field and the RGB and HSL equivalents update instantly. You can also type RGB or HSL values directly — all three fields stay in sync. Click any Copy button to copy the value to your clipboard.

Convertitore di Colori

Formati colore

HEX, RGB, HSL

Selettore colore

Privacy