Convertitore Colori HEX RGB HSL Online

Converti colori tra HEX, RGB, HSL, RGBA istantaneamente. Color picker integrato, anteprima live e generatore palette complementari.

Color picker NEW

Scegli colore

Clicca per aprire il color picker

Palette

Tinte e sfumature

Colori complementari

Conversioni

HEX Esadecimale — usato in CSS, HTML, design

RGB Red Green Blue — standard CSS

RGBA RGB con canale Alpha (opacità)

HSL Hue Saturation Lightness

HSLA HSL con canale Alpha

CSS Var Variabile CSS custom property

Inserisci colore manualmente

Come convertire i colori

Usa il color picker per scegliere visivamente un colore, oppure digita un valore HEX o RGB nel campo manuale. Tutti i formati vengono aggiornati istantaneamente.

Quando usare HEX vs RGB vs HSL?

HEX è il più compatto e usato in CSS. RGB è intuitivo per manipolare canali colore separatamente. HSL è il più pratico per creare varianti (più chiaro, più scuro) modificando solo Lightness.

CSS Custom Properties

Le variabili CSS come --color-primary permettono di definire un colore una volta sola e riusarlo in tutto il foglio di stile. Il tool genera direttamente la sintassi pronta all'uso.

Palette e colori complementari

La palette mostra automaticamente tinte e sfumature del colore selezionato, più i colori complementari calcolati ruotando il valore Hue di 30, 60, 120 e 180 gradi.