RGB é aditivo e feito de luz; CMYK é sustractivo e feito de tinta. Converter entre ambos é o paso que cada deseño pensado para pantalla fai antes de poder imprimirse.
Como funciona a conversión de RGB a CMYK
- Normaliza as canles: divide R, G e B por 255.
- Toma a canle normalizada máis alta e calcula a clave K = 1 − max.
- Obtén ciano, magenta e amarelo eliminando esa porción de negro: C = (1 − R − K) / (1 − K), e así sucesivamente.
- Converte os catro valores a porcentaxes entre 0 e 100.
Exemplo práctico
É unha aproximación matemática sen perfil de cor. As imprentas usan perfís ICC e límites de tinta, así que estes números son unha referencia sólida, non unha separación lista para imprenta.
RGB e CMYK explicados
Que é RGB?
RGB describe unha cor como tres canles de luz — vermello, verde e azul — cada unha de 0 a 255. Reflicte como funcionan realmente as pantallas: as tres a 255 dan branco, todas a 0 dan negro. RGB é a opción axeitada sempre que precises calcular cunha cor, e rgba() engade transparencia por riba.
- Sintaxe:
- rgb(R, G, B)
- Rango:
- 0–255 por canal
- Mellor para:
- código, canvas, transparencia con rgba()
Que é CMYK?
CMYK é o modelo de catro tintas usado en impresión: cyan, magenta, yellow e key (negro), cada unha como porcentaxe de 0 a 100. A tinta subtráe luz en lugar de emitila, polo que CMYK abarca menos cores que unha pantalla — por iso as cores brillantes de pantalla adoitan verse máis apagadas ao imprimilas.
- Sintaxe:
- cmyk(C%, M%, Y%, K%)
- Rango:
- 0–100% por tinta
- Mellor para:
- impresión, embalaxe, arte final para prensa
Táboa de referencia de RGB a CMYK
As cores CSS máis comúns, convertidas de RGB a CMYK.
| Cor | 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%) |