Home / Formati colore
Guida ai formati

Riferimento formati colore

Usa questa pagina per confrontare HEX, RGB, HSL e CMYK e passare più rapidamente tra CSS, strumenti di design e flussi di stampa senza dubbi sul formato.

Ideale per flussi di colore web, design e stampaSi abbina a Selettore colore e Convertitore formato colore

Formati colore a colpo d'occhio

FormatoEsempioIdeale per
HEX#3B82F6CSS e consegna del design
RGBrgb(59, 130, 246)Manipolazione programmatica dei colori e rendering nel browser
HSLhsl(217, 91%, 60%)Regolazioni intuitive di tonalità, saturazione e luminosità
CMYKcmyk(76, 47, 0, 4)Flussi di lavoro orientati alla stampa

Lo stesso blu in formati diversi

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CMYK

cmyk(76, 47, 0, 4)

Quando usare cosa

  • Usa HEX quando ti servono valori brevi compatibili con CSS per un design system o un foglio di stile.
  • Usa RGB quando il codice o un'API del browser richiede direttamente i valori dei canali.
  • Usa HSL quando vuoi modificare luminosità o saturazione in modo più intuitivo.
  • Usa CMYK per le conversazioni orientate alla stampa, non come formato principale in CSS.

Usa questo riferimento con lo strumento giusto

Strumenti correlati