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. Recommendations come from published specifications and independent reviews, not hands-on testing.

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

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

Una pantalla de computadora portátil que muestra paneles de análisis de rendimiento con múltiples gráficos y diagramas.

design

Contraste WCAG para paneles de SaaS: La auditoría de 5 minutos que detecta la mayoría de los errores

La mayoría de los paneles de SaaS no superan el contraste WCAG en las métricas, minigráficos y estados deshabilitados que nadie revisa. Aquí tienes la guía rápida, los patrones de error y una auditoría de 5 minutos que puedes aplicar hoy.

8 min read

Conversión de Markdown a HTML en la pantalla del portátil de un desarrollador — ilustración hero original

design

Markdown a HTML: Qué convertidor para qué trabajo (y el cheatsheet)

El mismo archivo Markdown produce HTML diferente según la herramienta. Qué convertidor para cada trabajo — navegador, pandoc, Python, JS, VS Code — más el cheatsheet.

8 min read

Software de edición de fotos se muestra en la pantalla de una portátil.

design

Compresión de imágenes sin perder calidad: el verdadero conflicto explicado

La "compresión sin pérdida de calidad" solo existe en formatos sin pérdida. El objetivo real es visualmente sin pérdida: aquí está la diferencia honesta y cómo lograrlo deliberadamente.

11 min read

ocho monedas de oro redondas sobre una superficie blanca

finance

Calculadora de Interés Compuesto vs Cuenta de Ahorros: Qué Realmente Hace Crecer tu Dinero

La fórmula, el APY que importa, y por qué una cuenta bancaria del 0,38% versus una HYSA del 5% es una brecha de $462 al año sobre $10k. Haz el cálculo antes de elegir.

9 min read

Vista en ángulo bajo de una báscula de baño sobre un suelo de baldosas — de esas que aún no te dicen nada.

health

Básculas inteligentes para el seguimiento del IMC en 2026: ¿Merecen la pena las que tienen Wi-Fi?

Las básculas inteligentes sincronizan tu peso, grasa corporal e IMC con aplicaciones y paneles, pero el número en la pantalla es solo la mitad de la historia. Aquí te contamos qué buscar, qué ignorar y cuáles son los límites del propio IMC.

9 min read