Devi mostrare un colore di stampa sullo schermo? Convertire CMYK in RGB ti dà l'equivalente basato sulla luce delle percentuali di inchiostro — i valori che un monitor, un mockup o una pagina web possono effettivamente visualizzare.
Come funziona la conversione da CMYK a RGB
- Trasforma tutte e quattro le percentuali in frazioni tra 0 e 1.
- Applica prima il componente di nero: ogni canale è scalato da (1 − K).
- Calcola R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) e B = 255 × (1 − Y) × (1 − K).
- Arrotonda ogni canale a un numero intero tra 0 e 255.
Esempio pratico
Approssimativo. Uno schermo può mostrare più colori di quelli che l'inchiostro può produrre, quindi il risultato RGB di solito appare più brillante e saturo del pezzo stampato.
CMYK e RGB spiegati
Cos'è CMYK?
CMYK è il modello a quattro inchiostri usato in stampa: cyan, magenta, yellow e key (nero), ognuno espresso in percentuale da 0 a 100. L'inchiostro sottrae luce invece di emitirla, quindi CMYK copre meno colori rispetto a uno schermo — ecco perché i colori brillanti a schermo spesso risultano più spenti una volta stampati.
- Sintassi:
- cmyk(C%, M%, Y%, K%)
- Intervallo:
- 0–100% per inchiostro
- Ideale per:
- stampa, packaging, artwork pronto per la stampa
Cos'è RGB?
RGB descrive un colore come tre canali di luce — rosso, verde e blu — ognuno da 0 a 255. Rispecchia il funzionamento degli schermi: tutti e tre a 255 danno il bianco, tutti a 0 danno il nero. RGB è la scelta giusta quando devi fare calcoli con un colore, e rgba() aggiunge la trasparenza.
- Sintassi:
- rgb(R, G, B)
- Intervallo:
- 0–255 per canale
- Ideale per:
- codice, canvas, trasparenza con rgba()
Tabella di riferimento da CMYK a RGB
I colori CSS più comuni, convertiti da CMYK a RGB.
| Colore | CMYK | RGB |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |