Convertitore di colori

Converti qualsiasi colore tra HEX, RGB, HSL, HSV, OKLCH e CMYK

I file non lasciano il dispositivo
Funziona nel browser
Gratis, senza account, senza filigrana

#FF8000oklch(73.19% 0.1858 52.98)

Paste or type any color

Open color picker

Opacity: 100%

Nearest CSS name

darkorangeΔE 3.9

Formats

Modern CSS syntax

HEX

RGB

HSL

HSV / HSB

HWB

OKLCH

OKLab

CIE Lab

CIE LCH

CMYK

Display P3

Lab and LCH use the D50 white point, the same as CSS lab() and lch(). CMYK here is a plain formula without an ICC profile. Ask your printer for exact values.

Tints & shades

Click a swatch to copy its HEX. Mixed with white and black in OKLab, so steps look even.

Come usare Convertitore di colori

Converti un colore tra HEX, RGB, HSL, HSV, HWB, OKLCH, OKLab, CIE Lab, CIE LCH, CMYK e Display P3. Modifica qualsiasi formato e gli altri seguono, con il nome di colore CSS più vicino e una striscia di tinte e ombre.

1
Digita o incolla un colore in Incolla o digita qualsiasi colore, come #ff8000, rgb(255 128 0), oklch(70% 0.19 50) o tomato.
2
Oppure usa Apri il selettore colore, Preleva dallo schermo o Colore casuale per partire da un campione.
3
Leggi o modifica i valori sotto Formati; cambiare una casella aggiorna tutte le altre.
4
Imposta il cursore Opacità per la trasparenza e attiva Sintassi CSS moderna per valori separati da spazi come rgb(255 128 0 / 50%).
5
Fai clic sull'icona di copia accanto a un formato, oppure fai clic su un campione sotto Tinte e ombre per copiarne l'HEX.

Domande frequenti

Perché dice che il colore è fuori da sRGB?

OKLCH, Lab e Display P3 possono descrivere colori che la maggior parte degli schermi non sa mostrare. HEX, RGB, HSL e gli altri formati sRGB mostrano allora il colore visualizzabile più vicino, mappato come fa il CSS così da conservare luminosità e tinta, e la nota ti dice cosa darebbe invece un semplice taglio.

I valori CMYK sono accurati per la stampa?

No. Qui CMYK è una formula semplice, senza un profilo ICC. Chiedi alla tipografia i valori esatti per la loro macchina e la loro carta.

Quale punto di bianco usano Lab e LCH?

D50, lo stesso di lab() e lch() del CSS, così i valori si possono incollare direttamente in un foglio di stile.

Perché non vedo il pulsante Preleva dallo schermo?

Usa l'API EyeDropper del browser, che forniscono i browser basati su Chromium come Chrome ed Edge. Dove non è disponibile, il pulsante è nascosto; usa il selettore colore o incolla un valore.

Salva qualcosa?

L'ultimo colore e l'impostazione Sintassi CSS moderna restano nella memoria locale del browser, così ci sono la volta dopo. Non viene inviato nulla a un server.