design

De HEX a RGB y CMYK en 2026: por qué el color de impresión nunca coincide con la pantalla

Convertir de HEX a RGB es pura matemática exacta. Pero pasar de RGB a CMYK es una aproximación que depende de la imprenta, el papel y el perfil ICC. Aquí te explico la diferencia, las fórmulas y dónde te sirve de verdad un conversor online.

Published 2026-06-04 · 8 min read

Affiliate disclosure

Some links below are affiliate links. I may earn a commission from qualifying purchases at no extra cost to you. I only recommend tools I have used or tested.

Tarjetas de muestras de color Swatchos con valores CMYK, RGB y hexadecimales siendo usadas por un diseñador gráfico en su escritorio
Photo by Andy Brown on Unsplash

TL;DR

  • HEX es simplemente sRGB. #RRGGBB es la abreviatura de tres canales del 0 al 255. HEX ↔ RGB es exacto y sin pérdida — pura matemática de base 16.
  • RGB → CMYK no lo es. No hay una fórmula universal infalible. La respuesta real depende de la imprenta, el papel y de un perfil ICC (SWOP, GRACoL, Fogra39, ISO Coated). Los conversores online usan una aproximación básica.
  • Pantalla ≠ impresión sobre todo por física: las pantallas suman luz (RGB), la tinta la resta (CMYK), y la gama de colores del CMYK es más limitada. Los colores muy saturados de la pantalla se recortan y se ven apagados.
  • El negro rico (ej. 100K + 50C/50M/50Y) es mucho más profundo que el 100% K normal, pero cuida la cobertura total de tinta (~240–320% máximo) y nunca lo uses en textos muy pequeños.
  • Flujo de trabajo: diseña en RGB, haz pruebas con el perfil de la imprenta y convierte a CMYK al final. Un conversor online es genial para explorar, no para definir el color final de producción.

Qué son realmente HEX, RGB y CMYK

Tres formas de anotarlo, dos modelos de color y una constante fuente de dolores de cabeza.

HEX no es un modelo de color. Es la notación del sRGB. Un color hexadecimal como #1ABC9C son tres pares de números en base 16 —rojo, verde y azul— tal y como se define en la referencia de MDN sobre <hex-color> y se estandariza en CSS Color Module Level 4. Cuando pegas un código hex, te estás comunicando con una pantalla.

RGB es aditivo. Empiezas desde el negro (sin luz) y vas añadiendo luz roja, verde y azul para crear el color; si pones los tres al máximo, obtienes blanco. Cada canal va del 0 al 255, lo que da unos 16.7 millones de combinaciones y una gama de colores bastante amplia. Así es como funcionan todos los monitores, teléfonos y televisores.

CMYK es sustractivo y vive en el papel. Las tintas cian, magenta, amarilla y negra (K) absorben cada una una parte del espectro de luz; lo que sobra es lo que rebota y llega a tu ojo. Los canales se miden de 0 a 100%. Como la tinta solo puede restar luz al papel blanco —y porque ninguna tinta real es 100% pura— el CMYK tiene un rango de colores más limitado que el RGB. Además, hay un límite físico duro: las imprentas limitan la cobertura total de tinta a un máximo de 240–320% (la suma de los cuatro canales) para no ahogar el papel. Échale un ojo a la visión general del modelo de color CMYK para entender el panorama completo.

Esa diferencia de gamut es toda la explicación del "¿por qué no coincide?".

HEX ↔ RGB: matemática exacta, sin excusas

Esta es la parte fácil y honesta de la conversión de color. HEX y RGB son exactamente lo mismo en distintas presentaciones, así que convertirlos de un lado a otro es sin pérdida de calidad.

Cada par hexadecimal es un número de dos dígitos en base 16. Para obtener el valor decimal:

valor = (primerDígito × 16) + segundoDígito

donde A=10, B=11, C=12, D=13, E=14, F=15.

Veamos el ejemplo con #1ABC9C:

  • R = 1A → (1 × 16) + 10 = 26
  • G = BC → (11 × 16) + 12 = 188
  • B = 9C → (9 × 16) + 12 = 156

Por lo tanto, #1ABC9C = RGB(26, 188, 156). Si lo conviertes a la inversa —26 ÷ 16 = 1 con resto 10 → 1A, etc.— terminas exactamente donde empezaste. No hay perfiles, ni dispositivos, ni redondeos involucrados. Si algún conversor te da un valor de RGB distinto para ese mismo código, está roto.

RGB → CMYK: donde se acaba la exactitud

Aquí llega la parte que las herramientas online no te cuentan: no existe una única conversión correcta de RGB a CMYK. El mismo color RGB se traduce en mezclas de tinta distintas dependiendo de la imprenta, el tipo de papel y el perfil ICC que se use —SWOP y GRACoL en Norteamérica, Fogra39 / ISO Coated en Europa. Esos perfiles codifican cómo reproduce el color una condición de impresión específica, como lo explica muy bien el análisis de Colourphil sobre SWOP, GRACoL y las normas ISO.

Lo que hacen los conversores online (incluyendo los más rápidos) es aplicar una fórmula básica, sin perfiles, que es más o menos así:

K = 1 − max(R, G, B) / 255
C = (1 − R/255 − K) / (1 − K)
M = (1 − G/255 − K) / (1 − K)
Y = (1 − B/255 − K) / (1 − K)

Es determinista y te arroja un valor CMYK plausible, pero no sabe absolutamente nada de tu papel o de tu imprenta. Su mayor fallo es el color fuera de gamut: un azul neón eléctrico o un verde de pantalla muy vivo que, lisa y llanamente, no se pueden mezclar con tintas CMYK. La fórmula básica te dará unos números sin problema, pero una conversión con perfil recortaría ese color al más cercano que sí se pueda imprimir —más apagado, ligeramente corrido de tono—. Por eso un color de marca súper saturado tantas veces llega de la imprenta pareciendo desinflado.

Para nuestro color de ejemplo, una conversión ingenua de #1ABC9C cae cerca de:

HEXRGBCMYK (aprox. —varía según la imprenta)
#1ABC9C26, 188, 15686C / 0M / 17Y / 26K

Toma ese CMYK como una estimación inicial, no como una especificación. En una prueba real con GRACoL o Fogra39, el color se va a mover.

Por qué la pantalla nunca es igual a la impresión

Vamos a apilar las razones de mayor a menor impacto:

  1. Aditivo vs sustractivo (el gran culpable). Las pantallas emiten luz y suman canales hasta llegar al blanco; la tinta absorbe luz y resta canales hacia el negro. Dos formas opuestas de crear color jamás van a coincidir perfectamente. La guía de Printful sobre RGB vs CMYK es un excelente repaso en español llano.
  2. Límites de gamut. CMYK no puede alcanzar los rincones más saturados de RGB. Cualquier cosa que quede fuera de su rango se recorta.
  3. Brillo y calibración del monitor. Una pantalla sin calibrar y con el brillo al máximo hace que todo se vea mucho más luminoso de lo que la tinta jamás podría ser. Ese color "perfecto" de tu pantalla ya era demasiado optimista.
  4. Falta de un perfil ICC. Sin la prueba de color digital (soft-proof) contra la condición real de la imprenta, estás previsualizando en el vacío y rezando para que salga bien.

Ninguno de estos puntos es un error del sistema. Es el precio de pasar un color de un medio físico a otro completamente distinto.

Negro rico: cuando el 100% K no es lo suficientemente negro

El negro puro (100% K, nada más) se imprime bien para el texto del cuerpo, pero puede verse plano o algo gris en áreas grandes y sólidas. La solución es el negro rico (rich black): poner color por debajo del negro. Una receta común es 100K con 50C / 50M / 50Y, que se lee como un negro mucho más profundo y denso —la explicación de ColorVision Printing sobre el negro rico cubre las mezclas típicas.

Dos precauciones:

  • Cobertura total de tinta. El negro rico apila canales uno encima de otro. Mantén la suma por debajo del límite de tu imprenta (~240–320%) o terminarás con manchas y un secado muy lento.
  • No para textos pequeños. Usar varias planchas de tinta significa que cualquier desfase de registro (misregistration) se notará en los bordes borrosos o con halos. Para textos pequeños, quédate con el 100% K puro.

De qué te sirve un conversor online (y de qué no)

Un conversor de HEX/RGB/CMYK es una herramienta súper útil —siempre y cuando sepas qué mitad de la herramienta es exacta y cuál es una suposición.

Úsalo para:

  • HEX ↔ RGB — totalmente confiable. Obtén el valor exacto para tu CSS, un design token o una API.
  • Estimación de CMYK — una verificación rápida para saber si un color siquiera está cerca del rango imprimible antes de comprometerte.
  • Exploración — para tener una idea de cómo se desglosa un tono de marca en distintas notaciones.

NO lo uses para:

  • Color final de producción. Un CMYK sin perfil no es una especificación seria de imprenta. Para algo que vaya a prensas reales, haz una prueba en tu software de diseño usando el perfil ICC que te dio tu impresor y conviértelo al final.

Si estás eligiendo colores para una interfaz web, acompaña el conversor con un comprobador de contraste de color para que la paleta que elijas luzca bien y sea legible. También puedes usar un generador de paletas de colores cuando necesites crear variaciones de sombra alrededor de un tono base. Esas dos herramientas se encargan del lado de la pantalla; el conversor simplemente te traduce la notación.

El modelo mental más honesto es este: HEX y RGB son exactamente el mismo número; CMYK es la traducción a un idioma distinto que tiene menos palabras. Hay cosas que simplemente no se pueden traducir, y el conversor no puede inventar tintas que no existen.

FAQ

¿Por qué el color de la pantalla se ve distinto al imprimirlo? Físicas distintas. Las pantallas suman luz (RGB, aditivo); la tinta la resta (CMYK, sustractivo). La gama de colores más reducida del CMYK recorta los colores más saturados, y el brillo del monitor, su calibración y la falta de un perfil ICC agrandan la diferencia.

¿Hay alguna fórmula exacta de RGB → CMYK? No. HEX ↔ RGB es matemática exacta; RGB → CMYK depende del dispositivo, el papel y el perfil ICC (SWOP/GRACoL/Fogra39/ISO Coated). Los conversores online solo usan una fórmula básica aproximada.

¿Qué es el negro rico? Es un negro creado con K más C/M/Y por debajo (ej. 100K/50C/50M/50Y) para lograr un negro más profundo que el 100% K normal. Ojo con la cobertura total de tinta y evítalo en textos pequeños.

¿Diseño en RGB o CMYK? En RGB —tendrás toda la gama de colores, vistas previas exactas y herramientas más rápidas. Haz la prueba digital (soft-proof) con el perfil de la imprenta y, entonces sí, convierte a CMYK al final.

Fuentes

  1. MDN: tipo de dato CSS <hex-color>
  2. W3C: CSS Color Module Level 4
  3. Wikipedia: Modelo de color CMYK
  4. Colourphil: Estándares de impresión ISO, SWOP y GRACoL
  5. Printful: RGB vs CMYK — guía de sistemas de color
  6. ColorVision Printing: ¿Qué es el negro rico?

Sigue leyendo


“Talk is cheap. Show me the code.”
― Linus Torvalds

design

Hoja de referencia de sintaxis cron (2026): Lee y crea cualquier expresión de crontab

La sintaxis de cron explicada: el orden de los 5 campos, un modelo para leerlo en 10 segundos, 16 recetas verificadas, la trampa del OR en los días, problemas con el horario de verano y cron vs systemd timers.

10 min read

herramienta para desarrollador regex tester y pattern builder — ilustración original

design

Regex Tester & Pattern Builder: Una guía práctica para crear patrones que sí funcionan

Cómo construir expresiones regulares que realmente funcionan: anclas, cuantificadores, las trampas entre motores y el patrón ReDoS que puede colgar tu servidor. Prueba mientras avanzas.

9 min read

Laptop con código y una planta en una cafetería

design

JSON vs YAML vs TOML: Cuándo elegir cada uno (guía para desarrolladores)

JSON vs YAML vs TOML, decidido: JSON para APIs y datos, YAML para configuración de Kubernetes/CI (cuidado con el problema de Noruega), TOML para configuración explícita de apps como Cargo.toml. Una guía clara de decisión.

9 min read

Todo empezó con solo HTML, CSS y un poco de JavaScript.

design

Explicación de Base64: Cuándo y por qué lo usan los desarrolladores (y sus trampas)

Qué hace Base64 (3 bytes a 4 caracteres ASCII, +33% de tamaño), los casos de uso reales (data URIs, JWT, Basic auth), y las trampas: no es cifrado ni compresión.

8 min read

Un código QR escaneable sobre un fondo verde, ilustrando el diseño de un código QR con marca personalizada

design

Códigos QR con marca personalizada: Agrega un logo y colores con un generador gratuito

Cómo la corrección de errores te permite superponer un logo en un código QR, las reglas de contraste y zona de silencio que lo mantienen escaneable, y el verdadero precio de los QR estáticos vs. dinámicos.

8 min read

Primer plano de la hoja de pegatinas de Google Material design en un MacBook.

design

Herramientas de paleta de colores para accesibilidad: por qué la mayoría de las paletas fallan antes de su lanzamiento

El 83.6% de las páginas de inicio fallan en contraste. Cómo elegir herramientas que verifiquen paletas accesibles, evitar errores comunes y probar las combinaciones correctas.

9 min read