Convierte valores CMYK en un color RGB

Última revisión del contenido:

Escribe cuatro proporciones de tinta y los valores RGB aparecen mientras tecleas: cmyk(76%, 47%, 0%, 4%) es rgb(59, 130, 245). El campo admite números con y sin el signo de porcentaje, separados por coma o por espacio, así que puedes pegarlos tal cual desde el manual de marca.

a

¿Cómo se convierte CMYK a RGB?

Resta cada tinta de uno, multiplica el resultado por lo mismo para el negro y multiplica por 255. Los porcentajes entran en la fórmula como fracciones, así que 76% entra como 0,76.


Fórmula: R = 255 × (1 − C) × (1 − K), y los canales verde y azul se calculan igual, a partir del magenta y del amarillo.


El color cmyk(76%, 47%, 0%, 4%) da en el canal rojo 255 × 0,24 × 0,96, es decir 59. El canal verde sale 130 y el azul 245, porque en este tono no hay nada de tinta amarilla. El resultado es rgb(59, 130, 245).


Algunos valores vuelven más a menudo que otros. El negro solo al 100% da rgb(0, 0, 0), cuatro ceros dan blanco, y el negro al 20% da el gris rgb(204, 204, 204), es decir el código #CCCCCC.


Los valores CMYK se dan en porcentajes enteros, así que en el viaje de ida y vuelta un canal puede quedar un paso al lado. En pantalla esa diferencia es invisible. Para llevar un color de pantalla a tinta usa el convertidor de RGB a CMYK.

¿Qué describen los cuatro números CMYK y qué los tres números RGB?

Los cuatro números CMYK dicen cuánta tinta debe caer en un punto. El primero corresponde al cian, el segundo al magenta, el tercero al amarillo y el cuarto al negro, marcado con la K. Cada uno es un porcentaje de cobertura: cero significa papel limpio y cien significa cobertura total.


Las tintas le quitan luz al papel blanco, así que cuatro ceros dan blanco y los valores crecientes llevan a un color cada vez más oscuro. Eso tiene una consecuencia: los valores CMYK van ligados a un papel y a una tinta concretos, porque la misma mezcla sale de una manera sobre estucado y de otra sobre papel sin estucar[1].

Recipientes de barro con pigmentos en polvo de distintos colores
Cada tono de pintura tiene su propio pigmento y su propio comportamiento sobre el soporte. La notación CMYK describe una mezcla de cuatro colorantes de ese tipo, y la notación RGB ese mismo color visto como un punto que brilla. Foto: Rob Oo, CC BY 2.0.

Los tres números RGB describen otra cosa: la intensidad del brillo. Los canales rojo, verde y azul toman valores de 0 a 255 y la pantalla suma su luz, así que tres ceros dan negro y tres valores máximos dan blanco.


La pantalla tiene además una escala común: el espacio sRGB, vigente en HTML y CSS[2]. Por eso un color dado en RGB se ve igual en cualquier dispositivo compatible, mientras que ese mismo color puesto con tinta depende de sobre qué y con qué se haya impreso.

¿De dónde sacas el color para la web si el manual de marca solo trae CMYK?

Los manuales de marca nacen casi siempre junto con los materiales impresos, así que describen el color tal como lo necesita la máquina: como cuatro proporciones de tinta. Una web necesita ese mismo color en tres números o en un código HEX. Escribe los cuatro valores en el convertidor de arriba y obtendrás una notación lista para pegar en la hoja de estilos.

Un impreso muy ampliado: puntos de tinta separados unos junto a otros
Con mucho aumento un impreso resulta ser una retícula de puntos. Los puntos limpios son las cuatro tintas, y los rojos, verdes y azul marino aparecen donde dos de ellas se superponen. El ojo los une en un solo color solo desde lejos, mientras que la pantalla da ese color de inmediato como tres números. Foto: Psiĥedelisto, licencia CC0.

Trata el resultado como punto de partida y compáralo con una muestra impresa, si la tienes a mano. Los cuatro números describen tinta sobre un papel concreto, y la pantalla brilla con luz propia, así que las dos versiones de un color siempre se diferencian un poco. Para una web lo que cuenta es que el tono se reconozca y encaje con el resto de la identidad.

Valores CMYK básicos y sus equivalentes en RGB

Una tinta sola sobre papel blanco da en pantalla un color formado por dos canales, y dos tintas juntas reducen el resultado a un solo canal. El negro solo construye los grises.
Valores CMYKValores RGBCódigo HEX
0%, 0%, 0%, 0%255, 255, 255#FFFFFF
100%, 0%, 0%, 0%0, 255, 255#00FFFF
0%, 100%, 0%, 0%255, 0, 255#FF00FF
0%, 0%, 100%, 0%255, 255, 0#FFFF00
0%, 100%, 100%, 0%255, 0, 0#FF0000
100%, 0%, 100%, 0%0, 255, 0#00FF00
100%, 100%, 0%, 0%0, 0, 255#0000FF
0%, 0%, 0%, 10%230, 230, 230#E6E6E6
0%, 0%, 0%, 20%204, 204, 204#CCCCCC
0%, 0%, 0%, 50%128, 128, 128#808080
0%, 0%, 0%, 80%51, 51, 51#333333
0%, 0%, 0%, 90%25, 25, 25#191919
0%, 0%, 0%, 100%0, 0, 0#000000
30%, 0%, 100%, 0%179, 255, 0#B3FF00

Un gris construido con el negro solo tiene en pantalla los tres canales iguales, así que su código HEX consta de tres parejas de caracteres idénticas.

Cuatro negros de imprenta y un solo negro en pantalla

Los impresores distinguen varios negros, porque cada uno se comporta de otra forma sobre el papel. La pantalla los describe todos con una sola notación, así que la columna de la suma de tintas dice más sobre ellos que los valores RGB.
Tipo de negroValores CMYKSuma de tintasValores RGB
Negro de una sola tinta0%, 0%, 0%, 100%100%0, 0, 0
Negro rico (receta de ejemplo)60%, 40%, 40%, 100%240%0, 0, 0
Negro en el límite del perfil europeo75%, 68%, 67%, 90%300%6, 8, 8
Negro de registro100%, 100%, 100%, 100%400%0, 0, 0

La suma de tintas es la proporción conjunta de los cuatro valores en un mismo punto. El perfil PSO Coated v3 admite 300%[3], por eso el negro de registro sirve solo para las marcas de imprenta. La receta exacta del negro rico la da la imprenta en su especificación, junto con el nombre del perfil; la lista de perfiles está en el convertidor de RGB a CMYK.

Colores de manual de marca en tres notaciones a la vez

Así queda una lista típica de colores de marca tras pasarla a la pantalla. El código HEX de la última columna se pega directamente en la hoja de estilos o en una variable del sistema de diseño.
Valores CMYKValores RGBCódigo HEX
100%, 72%, 0%, 6%0, 67, 240#0043F0
85%, 50%, 0%, 0%38, 128, 255#2680FF
76%, 47%, 0%, 4%59, 130, 245#3B82F5
0%, 90%, 86%, 0%255, 25, 36#FF1924
0%, 35%, 85%, 0%255, 166, 38#FFA626
0%, 24%, 94%, 0%255, 194, 15#FFC20F
0%, 0%, 0%, 80%51, 51, 51#333333
0%, 0%, 0%, 100%0, 0, 0#000000

Los colores sin nada de negro salen en pantalla más luminosos, porque cada uno de los tres canales parte entonces de 255 completos y pierde solo lo que le quita una sola tinta.

¿Cómo se cambia un documento de CMYK a RGB?

Los archivos de imprenta se abren en los mismos programas en los que se hicieron, y el cambio de modo está en un menú distinto en cada uno.

  1. Photoshop

    Elige Edición › Convertir en perfil e indica como destino el perfil sRGB, que es el que esperan los navegadores. El atajo más rápido es Imagen › Modo › Color RGB, que usa el perfil configurado en el programa.
  2. Illustrator

    Elige Archivo › Modo de color del documento › Color RGB. El cambio afecta a todo el documento junto con las muestras, así que los colores guardados antes con cuatro valores reciben tres nuevos.
  3. InDesign

    La conversión ocurre al guardar. Elige Archivo › Exportar, ve a la pestaña Salida y en Conversión de color pon la conversión al perfil de destino; en el campo del perfil indica sRGB.
  4. GIMP

    La versión 3.0 abre archivos CMYK en los formatos JPEG, TIFF, PSD y JPEG XL, y la edición se hace en RGB[4]. Abrir un archivo así basta, por tanto, para tener la imagen en colores de pantalla.

Fuentes

  1. Modelo de color CMYKWikipedia
  2. Espacio de color sRGBWikipedia
  3. PSOcoated_v3.icc — ficha del registro de perfilesInternational Color Consortium
  4. GIMP 3.0 Release NotesGIMP

Todos los valores de las tablas se calcularon a partir de las definiciones de las unidades y se comprobaron aritméticamente antes de publicarlos. Los datos históricos y los nombres de las unidades locales proceden de las fuentes indicadas arriba.

Última revisión del contenido: · redactado y verificado por el equipo de Arteon

Preguntas frecuentes sobre convertir CMYK a RGB

¿Cómo se convierte CMYK en un código HEX?

Escribe los cuatro valores en el convertidor de arriba y lleva el resultado al convertidor de RGB a HEX. Los códigos listos para los colores de marca más habituales están en la tabla de tres notaciones de esta página.

¿Desde CMYK vuelve exactamente el mismo color RGB del que se partió?

Casi el mismo. Los cuatro números CMYK son enteros, así que rgb(59, 130, 246) vuelve como rgb(59, 130, 245). Un paso entre 256 no se distingue en pantalla, pero si conservas el color de pantalla original, usa ese.

¿Por qué un color impreso se ve distinto en pantalla?

El papel refleja la luz y la pantalla la emite, así que el mismo color llega al ojo por dos caminos, y el resultado depende además del papel. La conversión da el equivalente de pantalla más próximo; el juicio final déjalo a la comparación con una muestra impresa.

¿El 100% de negro es lo mismo que el negro rico?

En pantalla los dos dan rgb(0, 0, 0); sobre el papel se diferencian en profundidad. El negro de una sola tinta usa solo la tinta negra y va bien para el texto, porque necesita registrar una sola plancha. El negro rico añade las otras tres tintas y da superficies grandes más oscuras.

¿Qué significa el negro de registro 100/100/100/100?

Es una marca para la imprenta, con la que se trazan las líneas de corte y las cruces de registro para que aparezcan en las cuatro planchas a la vez. Su suma de tintas es del 400%, por encima del 300% que admite el perfil PSO Coated v3[3], y por eso en el diseño se usa alguno de los otros negros.

¿Puede quedarse en CMYK un archivo para la web?

Los navegadores dan por supuesto el espacio sRGB[2], así que guarda en RGB las fotos y los gráficos que vayan a la web. Así los colores se ven igual en cualquier navegador y en cualquier pantalla compatible.

¿Cómo se pasa de CMYK a RGB en Photoshop?

Abre el archivo y elige Edición › Convertir en perfil, y como perfil de destino indica sRGB. El camino más corto pasa por Imagen › Modo › Color RGB y usa el perfil configurado en el programa.

¿De dónde saco los valores CMYK si solo tengo un color de pantalla?

Conviértelo en sentido contrario con el convertidor de RGB a CMYK. El botón Cambiar orden sobre el contenido lleva allí de un clic.

Captura de pantalla de la herramienta gratuita de Arteon: Convierte valores CMYK en un color RGB

Ayúdanos a mejorar nuestras herramientas

¿Tienes una idea, has encontrado un error o quieres proponer una herramienta? Escríbenos: respondemos en 24 horas.