Necessites mostrar un color d'impressió a pantalla? Convertir CMYK a RGB et dóna l'equivalent basat en llum de les teves percentatges d'tinta — els valors que un monitor, un mockup o una pàgina web poden mostrar.
Com funciona la conversió de CMYK a RGB
- Converteix els quatre percentatges a fraccions entre 0 i 1.
- Aplica primer el component de clau: cada canal s'escalfa per (1 − K).
- Calcula R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) i B = 255 × (1 − Y) × (1 − K).
- Arrodoneix cada canal a un número enter entre 0 i 255.
Exemple resolt
Aproximat. Una pantalla pot mostrar més colors dels que la tinta pot produir, així que el resultat RGB normalment sembla més brillant i saturat que la peça impresa.
CMYK i RGB explicats
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
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()
Taula de referència de CMYK a RGB
Els colors CSS més comuns convertits de CMYK a RGB.
| Color | 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) |