coloreesadecimaleRGBhsldisegnocss

HEX, RGB, HSL: qual è la differenza tra i formati colore

Diamo un'occhiata a quattro formati di colore: HEX, RGB, HSL e CMYK. Quando utilizzarli, come convertire, esempi di codice.

Pubblicata 23 febbraio 2026·Tempo di leggere: 8 min

Formati di colore sul web

Nello sviluppo e nel design web, i colori vengono specificati in diversi modi. Ogni formato ha i suoi vantaggi.

La notazione esadecimale è il formato più comune sul web.

colore: #4f46e5; /* Indaco */ 
colore: #09090b; /* Quasi nero */ 
colore: #fff; /* Forma abbreviata #ffffff */

Pro: Brevità, chiarezza per i designer, supportato ovunque.

Imposta il colore attraverso l''intensità di tre canali da 0 a 255.

colore: rgb(79, 70, 229); /* Indaco */ 
colore: rgba(79, 70, 229, 0,5); /* Con trasparenza */

Pro: Intuitivo, comodo per la manipolazione programmatica del colore.

Il formato più “umano”: tonalità (°), saturazione (%), luminosità (%).

colore: hsl(243, 75%, 59%); /* Indaco */ 
colore: hsl(243, 75%, 45%); /* Più scuro */ 
colore: hsl(243, 75%, 75%); /* Accendino */

Pro: Crea facilmente tavolozze tonali modificando solo la luminosità.

Utilizzato nella stampa.

cmyk(66%, 69%, 0%, 10%) = Indaco

Pro: Corrispondenza esatta dei colori durante la stampa.

##Quando usare cosa?

Converti i colori online con il nostro strumento: controllo del contrasto HEX, RGB, HSL, CMYK e WCAG.