RGB és additiu i fet de llum; CMYK és subtractiu i fet de tinta. Convertir entre ells és el pas que tot disseny pensat per pantalla fa abans d'imprimir-se.
Com funciona la conversió de RGB a CMYK
- Normalitza els canals: divideix R, G i B per 255.
- Pren el canal normalitzat més gran i calcula la clau K = 1 − max.
- Deriva cyan, magenta i yellow eliminant aquesta part de negre: C = (1 − R − K) / (1 − K), i així successivament.
- Converteix els quatre valors a percentatges entre 0 i 100.
Exemple resolt
És una aproximació matemàtica sense perfil de color. Les impremtes fan servir perfils ICC i límits d'tinta, així que aquests números són una referència sòlida, no una separació llesta per premsa.
RGB i CMYK explicats
Què és RGB?
RGB descriu un color com tres canals de llum — vermell, verd i blau — cadascun de 0 a 255. Reflecteix com funcionen realment les pantalles: tots tres a 255 donen blanc, tots tres a 0 donen negre. RGB és la opció correcta quan necessites calcular amb un color, i rgba() afegeix transparència a sobre.
- Sintaxi:
- rgb(R, G, B)
- Rang:
- 0–255 per canal
- Millor per:
- codi, canvas, transparència amb rgba()
Què és CMYK?
CMYK és el model de quatre tintes utilitzat en impressió: cian, magenta, groc i key (negre), cada una com a percentatge de 0 a 100. La tinta resta llum en lloc d'emetre-la, així que CMYK abasta menys colors que una pantalla — per això els colors vius de pantalla sovint semblen més apagats quan s'imprimeixen.
- Sintaxi:
- cmyk(C%, M%, Y%, K%)
- Rang:
- 0–100% per tinta
- Millor per:
- impressió, embalatge, arte final per a premsa
Taula de referència de RGB a CMYK
Els colors CSS més comuns convertits de RGB a CMYK.
| Color | 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%) |