Daily Toolkits

Convertitore HEX ↔ RGB ↔ HSL

Converti istantaneamente i colori tra HEX, RGB e HSL con un campione live. Modifica qualsiasi campo: gli altri rimangono sincronizzati.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

  • Converti istantaneamente i colori tra HEX, RGB e HSL con un campione live.
  • Funziona nel tuo browser
  • Gratuito da usare

Come usare

  1. Inserisci un valore HEX, RGB o HSL.
  2. Guarda gli altri formati aggiornarsi automaticamente.
  3. Copia il formato che ti serve.

How this tool works

  1. Inserisci un valore HEX, RGB o HSL.
  2. Guarda gli altri formati aggiornarsi automaticamente.
  3. Copia il formato che ti serve.

Recommended settings

  • Utilizza prima le opzioni predefinite, quindi modificale se necessario

Supported formats

Text / on-page input

File size and limits

  • Le anteprime multilivello molto complesse potrebbero risultare più lente sui telefoni più vecchi.

Privacy

I generatori di colori e CSS vengono eseguiti interamente nel tuo browser. Le anteprime e le conversioni non caricano mai i tuoi stili.

Common use cases

  • Usa il convertitore HEX ↔ RGB ↔ HSL ogni volta che ne hai bisogno: converti istantaneamente i colori tra HEX, RGB e HSL con un campione live.

Troubleshooting

L'anteprima appare diversa dopo l'incollaggio

Verifica la presenza di CSS concorrenti sulla tua pagina (ripristini, colori ereditati). Copia prima la regola generata in un foglio di stile isolato.

FAQ

Questo carica il mio CSS?

No. Generatori e convertitori vengono eseguiti nel tuo browser con anteprima dal vivo.

Ho bisogno di un account?

No. Apri lo strumento, modifica i controlli e copia il CSS.

Strumenti correlati

Color Contrast Checker

Check foreground/background contrast against WCAG AA and AAA guidelines.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool