» Convertitore di colori


Convertitore di colori per HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ e nomi colore CSS. Converti i codici colore in tempo reale, copia valori pronti all’uso e verifica l’output CSS esatto in un unico posto.

Usa questo convertitore di colori per passare istantaneamente tra HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ e i nomi colore CSS. Inserisci qualsiasi formato supportato, regola i valori con i cursori e copia il risultato convertito che ti serve per CSS, design system, flussi di stampa o analisi del colore.

Il convertitore aggiorna tutti i risultati in tempo reale, mostra chiaramente il colore selezionato e supporta i calcoli inversi da ogni modalità di input. Per questo è utile per operazioni come HEX in RGB, RGB in HEX, il controllo dei valori HSL o CMYK, oppure il confronto di formati percettivi moderni come OKLCH e OKLAB.

Dati iniziali

Scegli qualsiasi formato, inserisci i valori e tutti i codici colore corrispondenti si aggiorneranno subito.

Formato di input
Scegli il formato che vuoi modificare direttamente.
Supporta #RGB, #RGBA, #RRGGBB e #RRGGBBAA.
Esempi: tomato, rebeccapurple, royalblue, lightseagreen.
Inserisci i valori di rosso, verde e blu da 0 a 255.
Usa un valore alfa da 0 a 1 per la trasparenza.
Regola tonalità, saturazione e luminosità per un editing adatto al CSS.
HSLA aggiunge la trasparenza alfa a HSL.
HSV è utile se preferisci ragionare in termini di tonalità, saturazione e luminosità.
CMYK è usato principalmente per valori colore orientati alla stampa.
LAB è percettivo e può produrre colori fuori dalla gamma visualizzabile sullo schermo.
LCH separa luminosità, croma e tonalità per un editing percettivo.
OKLAB è uno spazio colore percettivo moderno per interfacce e palette.
OKLCH rende più semplici le regolazioni percettive di tonalità e croma.
XYZ è uno spazio colore di riferimento spesso usato nelle conversioni.

Fig. 1 Convertitore di colori


HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
La modalità colore ti permette di regolare tonalità, saturazione e luminosità.

Risultato

Valori colore convertiti

Formati più usati

Altri formati

FAQ del convertitore di colori

Che cos’è un convertitore di colori?
Un convertitore di colori prende un formato colore, come #3366cc o rgb(51, 102, 204), e calcola i valori corrispondenti in altri formati come HSL, CMYK, LAB o OKLCH.

Come si converte da HEX a RGB?
Scegli la modalità di input HEX, inserisci un codice esadecimale valido come #ff6600 e il convertitore mostrerà automaticamente i valori corrispondenti in RGB, HSL, CMYK e altri formati.

Come si converte da RGB a HEX?
Scegli la modalità RGB, inserisci i valori dei canali rosso, verde e blu e copia il risultato HEX generato. Questo è il flusso standard da RGB a HEX per i colori web.

Che cos’è HSL?
HSL significa tonalità, saturazione e luminosità. Descrive un colore tramite l’angolo sulla ruota cromatica e quanto appare intenso e chiaro o scuro, il che spesso è più facile da regolare visivamente rispetto ai valori RGB grezzi.

A cosa serve CMYK?
CMYK è usato principalmente nei flussi di stampa perché esprime un colore come copertura di inchiostro ciano, magenta, giallo e nero. È utile per preparare materiali destinati a stampanti, packaging o produzione editoriale.

Che cos’è OKLCH?
OKLCH è un formato colore percettivo derivato da OKLAB. Separa luminosità, croma e tonalità in un modo spesso più uniforme per la visione umana, perciò è utile nelle palette UI moderne e nei design system.

Le conversioni sono esatte?
Le conversioni all’interno dello stesso spazio colore possono essere esatte o molto vicine, ma alcuni formati usano modelli o spazi di riferimento diversi. Valori come CMYK, LAB, LCH e OKLCH possono richiedere arrotondamenti o clipping del gamut quando vengono riconvertiti in sRGB visualizzabile.

Posso usare i risultati in CSS?
Sì. Gli output generati in HEX, RGB, RGBA, HSL, HSLA e i nomi colore CSS esatti sono pronti per essere incollati in variabili CSS, stili inline e design token.