Generazione 100% nel tuo browser

Convertitore di colori

Converti i colori tra i formati HEX, RGB e HSL all'istante. Include un selettore di colori e un'anteprima dal vivo.

← clicca per aprire il selettore
HEX
RGB
HSL
Valori CSS

Convertitore di colori

Converti qualsiasi colore tra i formati HEX, RGB e HSL all’istante. Usa il selettore di colori per la selezione visiva, oppure digita direttamente in qualsiasi campo.

Formati colore spiegati

  • HEX (#rrggbb): un codice esadecimale a 6 cifre usato in HTML e CSS. Il formato più comune per il web design.
  • RGB (r, g, b): definisce il colore tramite l’intensità di rosso, verde e blu (0–255 ciascuno). Nativo per schermi e display digitali.
  • HSL (tonalità, saturazione, luminosità): un modello intuitivo. La tonalità è l’angolo sulla ruota cromatica (0–360°), la saturazione è l’intensità (0–100 %) e la luminosità è la chiarezza (0–100 %).

Quando usare quale formato

  • Usa HEX nei fogli di stile CSS e negli strumenti di design (Figma, Photoshop).
  • Usa RGB con canvas, WebGL o quando hai bisogno di controllo numerico dei canali.
  • Usa HSL per costruire sistemi di colore dinamici (es. regolare la luminosità per la modalità scura).