Qual è la differenza tra RGB e CMYK?

RGB è per gli schermi, CMYK è per la stampa. Gli schermi creano colori emettendo luce rossa, verde e blu (miscelazione additiva), mentre le stampanti creano colori sovrapponendo inchiostri ciano, magenta, giallo e nero sulla carta (miscelazione sottrattiva). RGB può produrre colori più luminosi e vivaci di CMYK perché la luce ha una gamma cromatica più ampia dell'inchiostro. Ecco perché i colori sullo schermo spesso sembrano meno brillanti quando stampati.

Perché i miei colori appaiono diversi quando vengono stampati?

Gli schermi emettono luce, la carta la riflette - sono processi fondamentalmente diversi. Inoltre, RGB gestisce milioni di colori che gli inchiostri CMYK semplicemente non possono riprodurre. La calibrazione dello schermo, la qualità della carta e le variazioni di inchiostro aggiungono ulteriore variabilità. Controllare sempre i valori CMYK prima di stampare e richiedere prove fisiche per lavori critici di abbinamento dei colori.

Come posso ottenere i codici esadecimali dai colori che vedo online?

Usa gli strumenti per sviluppatori del tuo browser. In Chrome o Firefox, fai clic con il tasto destro su qualsiasi elemento, seleziona "Ispeziona", quindi fai clic sul piccolo quadrato del colore nel pannello degli stili. Questo apre una tavolozza dei colori che mostra il codice esadecimale. Estensioni del browser come ColorZilla rendono il processo ancora più veloce - ti permettono di fare clic ovunque su una pagina per catturare il valore del colore.

Cosa significa il simbolo # nei codici esadecimali?

È semplicemente un prefisso che indica al browser "questo è un codice colore esadecimale". Lo standard deriva dalle prime specifiche HTML e CSS. I sei caratteri dopo il # rappresentano i valori RGB in base 16: due cifre per il rosso, due per il verde, due per il blu. Senza il #, i browser non lo riconoscono come un colore.

Perché i codici esadecimali a 3 cifre funzionano?

Sono una scorciatoia per quando ogni canale colore si ripete. #F00 si espande a #FF0000 (rosso), #C9C diventa #CC99CC (viola chiaro). Questa scorciatoia è stata creata negli anni '90 per ridurre le dimensioni dei file quando la larghezza di banda era costosa. Oggi è ancora comoda per colori semplici.

Le conversioni dei colori sono accurate?

Le conversioni RGB-esadecimale sono matematicamente esatte - sono gli stessi valori in basi numeriche diverse. Le conversioni RGB-CMYK sono approssimazioni perché si convertono tra spazi colore fondamentalmente diversi (luce vs inchiostro). Lo strumento utilizza standard del profilo colore ICC per queste conversioni, lo stesso approccio utilizzato dal software di progettazione professionale.

Come creo combinazioni di colori accessibili?

Usa un controllo contrasto come lo strumento WebAIM dopo aver selezionato i colori. Serve un rapporto di 4,5:1 per il testo normale, 3:1 per il testo grande. Evita combinazioni rosso-verde (più difficili per gli utenti daltonici). In caso di dubbio, testo più scuro su sfondi più chiari o viceversa - la differenza di luminanza sufficiente è ciò che conta di più.

Posso selezionare colori dalle immagini?

Non direttamente in questo strumento. Usa un'estensione del browser come ColorZilla, o cattura lo screenshot dell'immagine e usa il selettore di colori del tuo sistema operativo (Digital Color Meter su macOS, PowerToys Color Picker su Windows). Una volta ottenuto il valore del colore, inseriscilo qui per convertirlo tra formati.

Perché alcuni colori RGB non si convertono bene in CMYK?

CMYK ha un "gamut" più stretto (gamma di colori riproducibili) rispetto a RGB. Blu brillanti, verdi vivaci e arancioni elettrici spesso ricadono fuori da ciò che gli inchiostri CMYK possono fisicamente creare. Quando ciò accade, la stampante sostituisce la corrispondenza più vicina possibile, che di solito appare meno saturata. I designer professionisti spesso iniziano con colori compatibili CMYK per evitare questo problema.

Strumento Selettore Colori - Converti Codici Colore RGB, Hex, CMYK e HSV

Cosa Puoi Fare con Questo Color Picker

Hai bisogno della tonalità perfetta per il tuo progetto? Questo color picker ti permette di selezionare, visualizzare in anteprima e convertire colori tra i formati RGB, Hex, CMYK e HSV istantaneamente. Che tu stia sviluppando un sito web, progettando un logo o preparando file per la stampa, troverai esattamente i valori di colore di cui hai bisogno—nessun tentativo a caso, nessun passaggio tra strumenti diversi.

Fai clic in qualsiasi punto dello spettro dei colori per selezionare una tonalità, regola la luminosità con un cursore o inserisci valori precisi direttamente. Ogni formato si aggiorna in tempo reale e puoi copiare qualsiasi codice colore con un solo clic.

Comprendere i Modelli di Colore

Progetti diversi necessitano di formati di colore diversi. Ecco cosa fa ciascuno e quando utilizzarlo:

RGB (Rosso, Verde, Blu)

RGB funziona mescolando luce rossa, verde e blu—proprio come il tuo schermo visualizza i colori in questo momento. Ogni componente va da 0 a 255:

RGB(255, 0, 0) = rosso puro
RGB(0, 255, 0) = verde puro
RGB(0, 0, 255) = blu puro
RGB(255, 255, 255) = bianco
RGB(0, 0, 0) = nero

Quando usare RGB: Qualsiasi lavoro digitale—siti web, app mobili, editing video o grafica per schermi. È il linguaggio nativo dei display, per questo strumenti come CSS supportano direttamente le funzioni rgb() e rgba(). Secondo la specifica del Modulo Colore CSS W3C, RGB è il modello di colore fondamentale per gli standard web.

Esadecimale (Hex)

Codici Hex sono semplicemente valori RGB scritti in base-16 invece che in base-10. Un colore hex appare come #FF5733, dove:

Il simbolo # lo contrassegna come codice hex
Primi due caratteri = rosso (00-FF)
Due centrali = verde (00-FF)
Ultimi due = blu (00-FF)
#FF0000 = rosso, #00FF00 = verde, #0000FF = blu

A volte vedrai abbreviazioni a 3 caratteri come #F00 invece di #FF0000—funziona quando ogni canale colore ripete lo stesso digit.

Quando usare Hex: Lo sviluppo web è il caso d'uso principale. CSS ha sempre supportato la notazione hex, e la maggior parte degli sviluppatori la trova più veloce da digitare rispetto a rgb(). Un errore comune: dimenticare il simbolo # romperà silenziosamente i tuoi stili, poiché i browser non lo riconosceranno come un colore valido.

CMYK (Ciano, Magenta, Giallo, Key/Nero)

CMYK è il modello di colore utilizzato dalle stampanti. A differenza di RGB (che aggiunge luce), CMYK la sottrae—mescolando inchiostri su carta bianca per creare colori:

Ogni componente va da 0% a 100%
CMYK(0, 100, 100, 0) = rosso
CMYK(100, 0, 100, 0) = verde
CMYK(0, 0, 0, 100) = nero puro
CMYK(0, 0, 0, 0) = nessun inchiostro (carta bianca trasparente)

Quando usare CMYK: Progettazione per la stampa—biglietti da visita, brochure, riviste, packaging. Ecco la verità: molti colori RGB vivaci semplicemente non possono essere riprodotti con inchiostri CMYK. Quel blu elettrico che vedi sullo schermo? Apparirà più spento se stampato. I designer professionisti controllano sempre le conversioni CMYK prima di inviare i file alla stampa per evitare sorprese.

HSV (Tonalità, Saturazione, Valore)

HSV suddivide il colore in tre componenti intuitivi:

Tonalità: Famiglia di colori (0-360°)—0° è rosso, 120° è verde, 240° è blu
Saturazione: Quanto è vivido o grigio (0-100%)—0% è scala di grigi, 100% è completamente saturo
Valore: Quanto è chiaro o scuro (0-100%)—0% è nero, 100% è luminosità massima

Perché HSV è importante: Corrisponde a come gli esseri umani pensano naturalmente al colore. Vuoi un blu più scuro? Abbassa il valore. Vuoi un blu meno intenso? Abbassa la saturazione. Questo rende HSV ideale per selettori colore interattivi come questo, dove selezioni una tonalità sullo spettro e regoli la luminosità con un cursore.

Formule di Conversione dei Colori

Il selettore colore converte automaticamente tra diversi modelli di colore utilizzando queste formule matematiche:

Conversione da RGB a Hex

Per convertire RGB in esadecimale:

Convertire ogni componente RGB (0-255) in un numero esadecimale a due cifre
Concatenare i tre valori esadecimali con un prefisso #

$\text{Hex} = \text{\#} + \text{toHex}(R) + \text{toHex}(G) + \text{toHex}(B)$

Dove toHex() converte un numero decimale nella sua rappresentazione esadecimale.

Conversione da RGB a CMYK

La conversione da RGB a CMYK prevede questi passaggi:

Normalizzare i valori RGB nell'intervallo 0-1
Calcolare la componente chiave nera (K)
Calcolare C, M e Y in base a K

$R' = R/255, G' = G/255, B' = B/255$ $K = 1 - \max(R', G', B')$ $C = \frac{(1-R'-K)}{(1-K)} \times 100\%$ $M = \frac{(1-G'-K)}{(1-K)} \times 100\%$ $Y = \frac{(1-B'-K)}{(1-K)} \times 100\%$

Conversione da RGB a HSV

Conversione da RGB a HSV:

$R' = R/255, G' = G/255, B' = B/255$ $C_{max} = \max(R', G', B')$ $C_{min} = \min(R', G', B')$ $\Delta = C_{max} - C_{min}$

Per Hue (H):

1// Conversione da RGB a Hex
2function rgbToHex(r, g, b) {
3  const toHex = (c) => {
4    const hex = Math.round(c).toString(16);
5    return hex.length === 1 ? '0' + hex : hex;
6  };
7  
8  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
9}
10
11// Conversione da Hex a RGB
12function hexToRgb(hex) {
13  // Rimuove # se presente
14  const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
15  
16  // Gestisce hex a 3 e 6 cifre
17  const expandedHex = cleanHex.length === 3 
18    ? cleanHex.split('').map(char => char + char).join('')
19    : cleanHex;
20    
21  const r = parseInt(expandedHex.substring(0, 2), 16);
22  const g = parseInt(expandedHex.substring(2, 4), 16);
23  const b = parseInt(expandedHex.substring(4, 6), 16);
24  
25  return { r, g, b };
26}
27
28// Conversione da RGB a CMYK
29function rgbToCmyk(r, g, b) {
30  // Normalizza valori RGB
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // Calcola K (nero)
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // Gestisce il nero puro
39  if (k === 1) {
40    return { c: 0, m: 0, y: 0, k: 100 };
41  }
42  
43  // Calcola C, M, Y
44  const c = ((1 - normalizedR - k) / (1 - k)) * 100;
45  const m = ((1 - normalizedG - k) / (1 - k)) * 100;
46  const y = ((1 - normalizedB - k) / (1 - k)) * 100;
47  
48  return {
49    c: Math.round(c),
50    m: Math.round(m),
51    y: Math.round(y),
52    k: Math.round(k * 100)
53  };
54}
55
56// Esempio di utilizzo
57const rgb = { r: 255, g: 0, b: 0 }; // Rosso puro
58console.log(`Hex: ${rgbToHex(rgb.r, rgb.g, rgb.b)}`);
59console.log(`CMYK:`, rgbToCmyk(rgb.r, rgb.g, rgb.b));
60

1# Conversione da RGB a Hex
2def rgb_to_hex(r, g, b):
3    return f'#{r:02x}{g:02x}{b:02x}'
4
5# Conversione da Hex a RGB
6def hex_to_rgb(hex_color):
7    # Rimuove # se presente
8    hex_color = hex_color.lstrip('#')
9    
10    # Gestisce hex a 3 e 6 cifre
11    if len(hex_color) == 3:
12        hex_color = ''.join([c*2 for c in hex_color])
13    
14    return {
15        'r': int(hex_color[0:2], 16),
16        'g': int(hex_color[2:4], 16),
17        'b': int(hex_color[4:6], 16)
18    }
19
20# Conversione da RGB a CMYK
21def rgb_to_cmyk(r, g, b):
22    # Normalizza valori RGB
23    r_norm = r / 255
24    g_norm = g / 255
25    b_norm = b / 255
26    
27    # Calcola K (nero)
28    k = 1 - max(r_norm, g_norm, b_norm)
29    
30    # Gestisce il nero puro
31    if k == 1:
32        return {'c': 0, 'm': 0, 'y': 0, 'k': 100}
33    
34    # Calcola C, M, Y
35    c = ((1 - r_norm - k) / (1 - k)) * 100
36    m = ((1 - g_norm - k) / (1 - k)) * 100
37    y = ((1 - b_norm - k) / (1 - k)) * 100
38    
39    return {
40        'c': round(c),
41        'm': round(m),
42        'y': round(y),
43        'k': round(k * 100)
44    }
45
46# Esempio di utilizzo
47rgb = {'r': 0, 'g': 128, 'b': 255}  # Blu cielo
48hex_color = rgb_to_hex(rgb['r'], rgb['g'], rgb['b'])
49cmyk = rgb_to_cmyk(rgb['r'], rgb['g'], rgb['b'])
50
51print(f"Hex: {hex_color}")
52print(f"CMYK: C={cmyk['c']}%, M={cmyk['m']}%, Y={cmyk['y']}%, K={cmyk['k']}%")
53

1public class ColorConverter {
2    // Conversione da RGB a Hex
3    public static String rgbToHex(int r, int g, int b) {
4        return String.format("#%02x%02x%02x", r, g, b);
5    }
6    
7    // Conversione da Hex a RGB
8    public static int[] hexToRgb(String hexColor) {
9        // Rimuove # se presente
10        if (hexColor.startsWith("#")) {
11            hexColor = hexColor.substring(1);
12        }
13        
14        // Gestisce hex a 3 e 6 cifre
15        if (hexColor.length() == 3) {
16            String expandedHex = "";
17            for (char c : hexColor.toCharArray()) {
18                expandedHex += c + String.valueOf(c);
19            }
20            hexColor = expandedHex;
21        }
22        
23        int r = Integer.parseInt(hexColor.substring(0, 2), 16);
24        int g = Integer.parseInt(hexColor.substring(2, 4), 16);
25        int b = Integer.parseInt(hexColor.substring(4, 6), 16);
26        
27        return new int[]{r, g, b};
28    }
29    
30    // Conversione da RGB a CMYK
31    public static double[] rgbToCmyk(int r, int g, int b) {
32        // Normalizza valori RGB
33        double normalizedR = r / 255.0;
34        double normalizedG = g / 255.0;
35        double normalizedB = b / 255.0;
36        
37        // Calcola K (nero)
38        double k = 1 - Math.max(Math.max(normalizedR, normalizedG), normalizedB);
39        
40        // Gestisce il nero puro
41        if (k == 1) {
42            return new double[]{0, 0, 0, 100};
43        }
44        
45        // Calcola C, M, Y
46        double c = ((1 - normalizedR - k) / (1 - k)) * 100;
47        double m = ((1 - normalizedG - k) / (1 - k)) * 100;
48        double y = ((1 - normalizedB - k) / (1 - k)) * 100;
49        
50        return new double[]{
51            Math.round(c),
52            Math.round(m),
53            Math.round(y),
54            Math.round(k * 100)
55        };
56    }
57    
58    public static void main(String[] args) {
59        // Esempio di utilizzo
60        int r = 75, g = 0, b = 130;  // Viola
61        String hexColor = rgbToHex(r, g, b);
62        double[] cmyk = rgbToCmyk(r, g, b);
63        
64        System.out.println("Hex: " + hexColor);
65        System.out.printf("CMYK: C=%.0f%%, M=%.0f%%, Y=%.0f%%, K=%.0f%%\n", 
66                          cmyk[0], cmyk[1], cmyk[2], cmyk[3]);
67    }
68}
69

Riferimenti e ulteriori letture

Modulo colore CSS W3C Livello 4 - Specifica ufficiale dei colori web
Linee guida WCAG 2.1 sul Contrasto - Standard di accessibilità per il contrasto dei colori
Verifica del Contrasto WebAIM - Testa i rapporti di contrasto dei colori
Standard del Profilo Colore ICC - Specifica tecnica per le conversioni dei colori
MDN Web Docs: Valori dei Colori CSS - Guida completa ai formati dei colori web

Strumento Selettore Colori - Converti Codici Colore RGB, Hex, CMYK e HSV

Selettore Colore

RGB (0-255)

CMYK (0-100)

Selettore Colore

Documentazione

Cosa Puoi Fare con Questo Color Picker

Comprendere i Modelli di Colore

RGB (Rosso, Verde, Blu)

Esadecimale (Hex)

CMYK (Ciano, Magenta, Giallo, Key/Nero)

HSV (Tonalità, Saturazione, Valore)

Formule di Conversione dei Colori

Conversione da RGB a Hex

Conversione da RGB a CMYK

Conversione da RGB a HSV

Riferimenti e ulteriori letture

Generatore di Tavolozze Colori - Crea Schemi Cromatici Armonici

Generatore di Proprietà CSS - Gradienti, Ombre e Bordi

Generatore di QR Code Gratuito - Crea Codici QR Scansionabili Istantaneamente

Convertitore di Basi Numeriche: Binario, Esadecimale, Decimale e Ottale

Predittore del Colore del Coniglio – Calcola i Colori del Pelo dei Cuccioli di Coniglio

Convertitore da Binario a Decimale | Strumento Online Gratuito

Convertitore da PX a REM a EM – Calcolatore Gratuito di Unità CSS

Decodificatore Base64 per Immagini | Decodifica e Anteprima Immagini Online

Calcolatore di Diluizione della Candeggina: Rapporti Accurati per la Pulizia Sicura

Convertitore da Pixel a Pollici - Calcolatore DPI Gratuito (2025)

Calcolatore di Bit e Byte - Strumento Gratuito per la Dimensione dei Dati

Formattatore di Codice Gratuito: Abbellisci JavaScript, Python, HTML e Altro