Sviluppo Web
Color Converter
Conversione del colore tra HEX, RGB, HSL, HSV/HSB e CMYK — inserisci un valore in un campo qualsiasi, gli altri si aggiorneranno istantaneamente.
The same color can be written differently depending on context: HEX and RGB are convenient for code, HSL is intuitive for picking a hue and lightness, and CMYK is for print. This tool converts between all of them at once.
How to use it
- Enter a value in any field (HEX, RGB, HSL, HSV/HSB, or CMYK) — every other format updates instantly.
- The "random color" button generates a random hue for quickly browsing a palette.
- Copy the format you need with one click to paste into CSS or a graphics editor.
Which format to use when
- HEX — a compact notation for CSS and design systems (#4453b8).
- RGB — when you need transparency via rgba() or programmatic access to individual color channels.
- HSL — the easiest for manual tuning: lighten or darken a color by changing just one value.
- CMYK — for materials headed to print, where colors mix subtractively, unlike the additive RGB used on screens.
Things to keep in mind
CMYK on screen is only an approximation — the exact printed color depends on the printer, paper, and color profile used.
Conversion between color spaces isn't always exact for extreme, highly saturated colors, due to differences in gamut coverage between models.
Articolo su questo strumento: HEX, RGB, HSL: perché esistono così tanti modi di scrivere un colore
Domande frequenti
Come gestisce il convertitore il canale alfa (trasparenza)?
L'alfa è supportato in HEX (#RRGGBBAA), RGBA e HSLA — ciò che inserisci si riporta negli altri formati che supportano la trasparenza, mentre i formati senza canale alfa, come il CMYK semplice, lo ignorano semplicemente.
Perché il valore cambia leggermente dopo la conversione in CMYK e ritorno in HEX?
CMYK è un modello orientato alla stampa senza un'unica formula fissa per la conversione da e verso RGB, quindi un andata e ritorno può spostare i valori di un errore di arrotondamento di una o due unità; visivamente il colore rimane praticamente lo stesso.
I miei dati sul colore vengono inviati da qualche parte?
No, ogni conversione avviene localmente nel tuo browser con JavaScript — nulla viene caricato su un server.
In cosa differisce OKLCH da HSL?
OKLCH descrive un colore tramite luminosità (L), croma (C) e tonalità (H), ma a differenza di HSL tiene conto di come l'occhio umano percepisce realmente la luminosità — cambiare L in OKLCH non distorce la saturazione percepita del colore, quindi le transizioni tra le tonalità risultano più uniformi.
Cosa significa che un colore è «fuori gamma» (out of gamut)?
Alcuni colori in spazi ampi come OKLCH o Display P3 non possono essere riprodotti fisicamente su display che supportano solo sRGB — il browser sostituisce allora il colore disponibile più vicino entro la gamma supportata.