RGB è additivo e fatto di luce, CMYK è sottrattivo e fatto di inchiostro. Convertire tra i due è il passaggio che ogni design destinato alla stampa compie prima di poter essere stampato.
Come funziona la conversione da RGB a CMYK
- Normalizza i canali: dividi R, G e B per 255.
- Prendi il canale normalizzato più grande e calcola il nero K = 1 − max.
- Deriva ciano, magenta e giallo rimuovendo quella quota di nero: C = (1 − R − K) / (1 − K), e così via.
- Converti tutti e quattro i valori in percentuali tra 0 e 100.
Esempio pratico
È un'approssimazione matematica senza profilo colore. Le tipografie usano profili ICC e limiti di inchiostro, quindi questi numeri sono un riferimento solido, non una separazione pronta per la stampa.
RGB e CMYK spiegati
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()
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
Tabella di riferimento da RGB a CMYK
I colori CSS più comuni, convertiti da RGB a CMYK.
| Colore | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) |
| purple | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) |
| gray | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) |