RGB es aditivo y está hecho de luz; CMYK es sustractivo y está hecho de tinta. Convertir entre ambos es el paso que todo diseño para pantalla da antes de poder imprimirse.
Cómo funciona la conversión de RGB a CMYK
- Lee R, G y B como valores sRGB entre 0 y 255.
- Busca el color en el perfil Coated FOGRA39, el perfil ICC estándar para papel couché en Europa.
- Usa el método colorimétrico relativo con compensación del punto negro, así el blanco sigue siendo el blanco del papel y el negro se asigna a la tinta más oscura que la máquina de impresión puede imprimir.
- Convierte los cuatro valores a porcentajes entre 0 y 100.
Ejemplo práctico
Esto usa el perfil estándar Coated FOGRA39. Las imprentas trabajan con sus propios perfiles ICC y límites de tinta, así que otros perfiles CMYK (por ejemplo, los de tu imprenta) dan números distintos. Trata el resultado como una referencia sólida, no como una separación lista para imprimir.
RGB y CMYK explicados
¿Qué es RGB?
RGB describe un color como tres canales de luz — rojo, verde y azul — cada uno de 0 a 255. Refleja cómo funcionan las pantallas: los tres a 255 dan blanco, los tres a 0 dan negro. RGB es la opción correcta cuando necesitas calcular con un color, y rgba() añade transparencia encima.
- Sintaxis:
- rgb(R, G, B)
- Rango:
- 0–255 por canal
- Mejor para:
- código, canvas, transparencia con rgba()
¿Qué es CMYK?
CMYK es el modelo de cuatro tintas usado en impresión: cyan, magenta, yellow y key (negro), cada una como porcentaje de 0 a 100. La tinta resta luz en vez de emitirla, por eso CMYK cubre menos colores que una pantalla — y los colores brillantes de pantalla suelen verse más apagados al imprimirse.
- Sintaxis:
- cmyk(C%, M%, Y%, K%)
- Rango:
- 0–100% por tinta
- Mejor para:
- impresión, embalaje, archivos listos para imprenta
Tabla de referencia de RGB a CMYK
Los colores CSS más comunes, convertidos de RGB a CMYK.
| Color | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(89%, 78%, 62%, 97%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 95%, 92%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(64%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(93%, 75%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(9%, 0%, 96%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 43%, 94%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(83%, 27%, 48%, 12%) |
| purple | rgb(128, 0, 128) | cmyk(63%, 100%, 4%, 1%) |
| gray | rgb(128, 128, 128) | cmyk(48%, 39%, 39%, 21%) |