¿Necesitas mostrar un color de impresión en pantalla? Convertir CMYK a RGB te da el equivalente basado en luz de tus porcentajes de tinta: los valores que un monitor, un mockup o una página web pueden mostrar.
Cómo funciona la conversión de CMYK a RGB
- Convierte los cuatro porcentajes en fracciones entre 0 y 1.
- Aplica primero el componente key: cada canal se escala por (1 − K).
- Calcula R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) y B = 255 × (1 − Y) × (1 − K).
- Redondea cada canal a un número entero entre 0 y 255.
Ejemplo práctico
Aproximado. Una pantalla puede mostrar más colores de los que la tinta puede producir, así que el resultado RGB suele verse más brillante y saturado que la pieza impresa.
CMYK y RGB explicados
¿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
¿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()
Tabla de referencia de CMYK a RGB
Los colores CSS más comunes, convertidos 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) |