Convertidor HEX a CMYK

¿Qué es un convertidor HEX a CMYK?

// sRGB hex → naive CMYK approximation
// NOTE: This is the textbook K = 1 - max(R,G,B); C = (1-R-K)/(1-K) formula.
// It is NOT an ICC-profile conversion. Real print accuracy requires color
// management against the specific press (US Web Coated SWOP v2, Fogra39,
// Japan Color 2011 Coated, etc.), ink set, and paper substrate. Channel
// values can drift 5-15% from this naive output once ICC conversion runs.
// Use as estimate for proofs, briefs, and digital press — never as a press-
// ready deliverable.
function hexToCmyk(hex) {
  const h = hex.trim().replace(/^#/, '');
  const [r, g, b] = [0, 2, 4].map(i => parseInt(h.slice(i, i + 2), 16) / 255);
  const k = 1 - Math.max(r, g, b);
  // Pure black short-circuit: max RGB = 0 ⇒ K = 1, C/M/Y undefined (0/0)
  if (k === 1) return { c: 0, m: 0, y: 0, k: 100 };
  const c = (1 - r - k) / (1 - k);
  const m = (1 - g - k) / (1 - k);
  const y = (1 - b - k) / (1 - k);
  return { c: Math.round(c * 100), m: Math.round(m * 100), y: Math.round(y * 100), k: Math.round(k * 100) };
}
console.log(hexToCmyk('#3b82f6')); // → { c: 76, m: 47, y: 0, k: 4 }
console.log(hexToCmyk('#FF5733')); // → { c: 0, m: 66, y: 80, k: 0 }
console.log(hexToCmyk('#000000')); // → { c: 0, m: 0, y: 0, k: 100 }

Características principales

Alternativas al convertidor HEX a CMYK

Ejemplos de HEX a CMYK

#3b82f6

#FF5733

#0F172A

#FF0000

Conversiones HEX → CMYK comunes

Tabla de referencia de 10 colores canónicos con sus equivalentes HEX y CMYK ingenuos. Los valores usan la fórmula de manual `K = 1 - max(R,G,B); C = (1-R-K)/(1-K)` redondeada a porcentaje entero. **Recordatorio**: estas son aproximaciones ingenuas, no valores correctos con ICC listos para prensa. Para tiradas de producción de imprenta, confirme con el perfil ICC de su imprenta contra la prensa, tinta y papel reales.

Cómo usar el convertidor HEX a CMYK

1. 1

   Pegue un código hex en el campo HEX

   Suelte cualquier valor hex en la entrada HEX — con o sin el `#` inicial, en abreviación de 3 dígitos (`#F73`), forma completa de 6 dígitos (`#FF5733`), abreviación alfa de 4 dígitos (`#F738`), o forma completa alfa de 8 dígitos (`#FF5733CC`). El parser normaliza las cinco formas de entrada al mismo color interno antes de derivar CMYK. La capitalización no importa (`#FF5733` y `#ff5733` se analizan de forma idéntica). Los caracteres inválidos o los conteos de dígitos incorrectos producen un error discreto en línea; un hex válido actualiza cada otro campo de formato en tiempo real, incluido CMYK. El alfa se ignora para la derivación de CMYK — la tinta no tiene transparencia.

2. 2

   Lea los porcentajes CMYK del campo CMYK

   El campo CMYK muestra el valor como cuatro porcentajes de canal: `cmyk(76%, 47%, 0%, 4%)` para el blue-500 de Tailwind. Los canales son Cyan, Magenta, Yellow, Key (negro). Cada porcentaje representa la cobertura de tinta — 0 % significa sin tinta para ese canal, 100 % significa cobertura completa. **Recordatorio**: esta es una inversión ingenua de sRGB, no una conversión con perfil ICC. Úselo como estimación inicial; confirme los valores finales con la canalización ICC de su imprenta contra la prensa, tinta y papel reales antes de cualquier tirada de producción.

3. 3

   Haga clic en Copiar para tomar la cadena CMYK

   Cada tarjeta de formato tiene un botón Copiar a la derecha. Un clic y el valor aterriza en su portapapeles — la etiqueta del botón cambia brevemente a "¡Copiado!" para que lo sepa. La cadena copiada es la notación CMYK estándar (`cmyk(76%, 47%, 0%, 4%)`), lista para soltar en un encargo de diseño o un correo a un proveedor. Para salida específica de plataforma donde CMYK no es nativo (CSS, SwiftUI, Compose, Flutter todos trabajan en espacios de color basados en RGB), la sección Copiar como código debajo del selector emite el equivalente en el formato de cada plataforma — útil cuando necesita el mismo color expresado tanto para un objetivo de pantalla como para un objetivo de imprenta.

4. 4

   Verifique de forma cruzada con RGB, HSL, OKLCH y color con nombre

   El mismo hex que pega también ilumina los otros campos de formato — RGB para llamadas de canvas y hardware, HSL para CSS heredado, OKLCH y OKLAB para sistemas de diseño modernos perceptualmente uniformes (Tailwind v4, shadcn/ui), HSV y HWB para UIs de selector de color de diseñador, y el color CSS con nombre más cercano para prosa de documentación. Nunca está atrapado solo en hex → CMYK. El selector (cuadrado SL + deslizador de matiz + deslizador de alfa) impulsa los nueve simultáneamente, y en navegadores basados en Chromium el botón EyeDropper muestrea cualquier píxel en pantalla, incluso fuera del navegador.

5. 5

   Envíe el hex de origen (no el CMYK) a la imprenta

   El mejor flujo de trabajo de preparación para imprenta es enviar el hex de origen (o la tripleta OKLCH) a la imprenta y dejar que su equipo de preimpresión produzca el CMYK listo para prensa a través del perfil ICC apropiado (US Web Coated SWOP v2, Fogra39, Japan Color 2011 Coated, o un perfil personalizado específico de prensa). La salida CMYK ingenua aquí es para sus estimaciones internas, encargos a proveedores y trabajo de prueba de concepto — no para producción directa. Combine el CMYK ingenuo con el hex de origen en cualquier documento de especificación para que el impresor tenga la referencia autorizada.

Errores comunes de HEX / CMYK

Especificación enviada al impresor:
CMYK del color de marca: cmyk(76%, 47%, 0%, 4%)
(salida de fórmula ingenua, sin conversión ICC)
El impresor envía archivos listos para prensa sin cambios.
Pieza final: azul descolorido, fuera de marca.

Especificación enviada al impresor:
Origen del color de marca: #3b82f6
Estimación CMYK ingenua: cmyk(76%, 47%, 0%, 4%)
Prensa objetivo: correcto con ICC vía US Web Coated SWOP v2
El impresor ejecuta la conversión ICC: cmyk(82%, 53%, 0%, 0%) (desplazamiento de ejemplo)
Pieza final: coincide con la prueba digital.

Aprobar el color en pantalla, esperar impresión idéntica:
#FF0000 se ve rojo vivo en el monitor
CMYK ingenuo cmyk(0%, 100%, 100%, 0%)
El impresor ejecuta ICC: CMYK en gama más cercano
Impresión final: rojo desplazado al naranja, ~20 % menos saturado.
Reacción: "esto está mal, reimprimir".

Presupueste tiempo para una prueba húmeda; acepte la discrepancia de gama:
#FF0000 → aproximación CMYK: cmyk(0%, ~95%, ~95%, 0%) ICC
Prueba húmeda sobre papel real: desplazado al naranja, menos saturado
El equipo de diseño aprueba la prueba como la nueva referencia
La impresión final coincide con la prueba aprobada.

Especificar un color oscuro de alta cobertura sin verificar el total:
cmyk(85%, 85%, 85%, 95%) = 350 % de cobertura total
Enviar a prensa de papel periódico (límite 220 %)
Resultado: la tinta no se seca, las hojas se pegan, daño por manchas.

Verificar la cobertura total de tinta contra el límite de la prensa:
cmyk(85%, 85%, 85%, 95%) = 350 % — supera el límite de 220 % del papel periódico
Reducir vía GCR / UCR: cmyk(40%, 30%, 30%, 80%) = 180 % total
Encaja en el límite, imprime limpio, se seca según calendario.

Especificar CMYK de marca sin detalle del papel:
Rojo de marca: cmyk(0%, 95%, 80%, 0%)
Imprimir sobre papel estucado brillante Y no estucado desde el mismo archivo
Brillante: rojo vivo como se esperaba
No estucado: naranja-rojo apagado, se ve fuera de marca.

Especificar CMYK por sustrato, correcto con ICC para cada uno:
Rojo de marca sobre estucado brillante: cmyk(0%, 95%, 80%, 0%) vía Fogra39
Rojo de marca sobre no estucado: cmyk(0%, 85%, 70%, 0%) vía Fogra47
Cada papel obtiene el CMYK listo para prensa ajustado a su perfil ICC.
Ambas piezas se leen como el mismo rojo de marca en prensa.

Quién usa HEX a CMYK

Diseñadores de imprenta preparando encargos a proveedores

Antes de encargar un trabajo de imprenta, los diseñadores envían a la imprenta un encargo con los colores de marca especificados tanto en hex (la fuente de verdad) como en una aproximación CMYK (para que el impresor pueda estimar costes de tinta y tiempo de pruebas). Pegue cada hex de marca aquí, copie el CMYK ingenuo y suelte ambos en el documento de especificación. La imprenta entonces ejecuta la conversión ICC real contra su perfil de prensa y produce el CMYK listo para prensa antes del planchado. No omita el hex de origen — eso es lo que la imprenta tomará como confianza para la conversión final.

Gerentes de marca estimando costes de imprenta antes del presupuesto

Los presupuestos de imprenta dependen en parte de la cobertura total de tinta. El CMYK ingenuo da una cifra aproximada rápida de la carga de tinta para una paleta propuesta: los colores con K alta son más baratos (menos tinta, secado más rápido), los colores con CMY alta son más caros (más tinta, secado más largo, riesgo de saturación del papel). Pegue el hex de marca candidato, lea los porcentajes CMYK, y tendrá un número defendible para la conversación de presupuesto con el proveedor de imprenta antes de comprometerse con una configuración de prensa completa.

Diseñadores de embalaje verificando pantalla frente a imprenta

El trabajo de embalaje vive en ambos espacios simultáneamente — la página de producto de comercio electrónico se renderiza en hex sRGB en pantallas, la caja física se imprime en CMYK sobre cartón. Use la vista simultánea de hex + CMYK para detectar colores que se leerán de forma dramáticamente diferente entre los dos medios (rojos altamente saturados, azules profundos, verdes vivos que exceden la gama de CMYK), y marque esos colores para tratamiento con color directo Pantone o ajuste deliberado del sistema de marca que acepte la diferencia de gama.

Equipos de marketing produciendo campañas multicanal

Una campaña multicanal típicamente entrega el mismo activo de marca a un sitio web (hex sRGB), una campaña de email (hex sRGB con fallback sRGB), gráficos de redes sociales (hex sRGB en plataformas que comprimen a AVIF/WebP), carteles impresos (CMYK sobre papel estucado) y piezas de correo directo (CMYK sobre papel no estucado). Convierta el hex de origen una vez, lea el CMYK ingenuo para las piezas impresas, entregue ambos al equipo de producción junto con la especificación del perfil de prensa para que puedan hacer la conversión ICC adecuada.

Diseñadores haciendo tiradas cortas en prensa digital

Para tarjetas de visita únicas, embalaje de prototipo y material de marketing de lote pequeño que pasa por una prensa digital (HP Indigo, Kodak NexPress, Xerox iGen), la aproximación CMYK ingenua sigue la salida real más de cerca que en offset porque las prensas digitales operan con una gestión de color más ajustada incorporada al RIP. Aún no está listo para prensa, pero está más cerca — y la economía de tirada corta significa que una impresión de prueba antes de comprometerse es barata. Pegue el hex, lea el CMYK, ejecute una prueba.

Diseñadores migrando logos antiguos de pantalla a imprenta

Los activos de marca antiguos solo para web a menudo viven solo como códigos hex, sin especificación CMYK formal. Cuando la marca necesita aparecer en una tarjeta de visita impresa, un folleto o un banner de feria por primera vez, el equipo necesita un punto de partida CMYK. Pegue cada hex heredado aquí, lea el CMYK ingenuo, entregue ambos a la imprenta para la conversión correcta con ICC. Este es el flujo de trabajo canónico de "marca digital-first llega a imprenta" que llega a todo equipo de diseño eventualmente.

Educadores enseñando diferencias entre modelos de color

La vista simultánea hex + RGB + CMYK hace obvio el contraste aditivo frente a sustractivo. El rojo puro (`#FF0000`) se renderiza como `rgb(255, 0, 0)` en pantalla y `cmyk(0%, 100%, 100%, 0%)` en CMYK ingenuo — los estudiantes ven la inversión directamente. Empuje a un color OKLCH de gama amplia, vea cómo CMYK se satura mientras sRGB se recorta. Una demostración lista para aula de por qué la conversión pantalla-a-imprenta es un problema difícil y por qué la fórmula ingenua no es lo mismo que la gestión de color con consciencia de ICC.

Matemáticas HEX a CMYK y advertencia ICC

La fórmula CMYK ingenua

Opera sobre valores sRGB normalizados (flotantes 0-1 a partir de los enteros originales 0-255). Paso uno: `K = 1 - max(R, G, B)`. Esto establece K como la cantidad de "brillo faltante" — el blanco puro (R=G=B=1) da K=0, el negro puro (R=G=B=0) da K=1. Paso dos: `C = (1 - R - K) / (1 - K); M = (1 - G - K) / (1 - K); Y = (1 - B - K) / (1 - K)`. Esto calcula cada canal CMY como la inversión restante tras tener en cuenta K. Paso tres: multiplique cada canal por 100 para la forma de porcentaje y redondee al entero más cercano para mostrar. Cortocircuito de negro puro: cuando max(R,G,B) = 0, el denominador (1 - K) es cero, por lo que devolvemos `cmyk(0%, 0%, 0%, 100%)` directamente.

Por qué esto NO es una conversión ICC

Una conversión real con perfil ICC aplica una transformación de varias etapas: perfil de origen (sRGB) → Espacio de Conexión de Perfil (típicamente CIE LAB o XYZ) → perfil de salida (US Web Coated SWOP v2, Fogra39, etc.). Cada etapa codifica mediciones empíricas de la combinación real de tinta-papel-prensa — curvas de reflectancia espectral, ganancia de punto en varios niveles de cobertura, límite total de tinta, ajustes de balance de grises. La fórmula ingenua no hace nada de esto. Trata CMYK como una abstracción matemática en lugar de física de absorción de tinta, razón por la cual la salida puede derivar entre un 5 y un 15 % por canal respecto de lo que produce una canalización ICC. Para producción, ejecute la conversión en Photoshop, Illustrator o InDesign contra el perfil de prensa objetivo, o entregue el hex de origen al equipo de preimpresión de la imprenta.

Perfiles ICC estándar por región y prensa

**Offset norteamericano**: US Web Coated SWOP v2 (el estándar certificado SWOP para papel estucado, usado por la mayoría de imprentas offset comerciales de EE. UU.); GRACoL 2006 Coated #1 para estucado premium. **Offset europeo**: Fogra39 (estándar ISO 12647-2 para papel estucado); Fogra51 para estucado premium más reciente; Fogra52 para no estucado; Fogra47 para papel periódico. **Offset japonés**: Japan Color 2011 Coated; Japan Color 2003 Web Coated para offset web. **Prensas digitales**: cada fabricante envía su propio perfil ICC para el modelo específico de prensa y conjunto de tintas (HP Indigo IndiChrome, Kodak NexPress E-Series, Xerox iGen). Confirme siempre con la imprenta — muchas tienen un perfil personalizado específico de prensa que sustituye a los estándares genéricos.

Ganancia de punto, límite total de tinta y efectos del sustrato

**Ganancia de punto**: los puntos de tinta se expanden físicamente al chocar con el papel absorbente, aumentando la cobertura aparente entre un 10 y un 30 % por canal; el operador de prensa compensa con curvas en el RIP. La fórmula ingenua ignora esto completamente. **Límite total de tinta**: las prensas offset limitan la cobertura total C+M+Y+K alrededor del 280-320 % para evitar el repinte (tinta húmeda transferida al dorso de la siguiente hoja) y prevenir la saturación del papel; el papel periódico limita alrededor del 220 %. La fórmula ingenua puede producir una cobertura total del 400 % para colores oscuros, lo que sería imprimible. **Sustrato**: el papel crema desplaza el punto blanco y calienta cada color impreso; el papel no estucado absorbe más tinta y apaga la saturación; el papel estucado brillante mantiene la mayor saturación pero refleja la luz de forma diferente.

Por qué existe K (generación de negro)

En teoría C+M+Y al 100 % cada uno da negro. En la práctica da un marrón oscuro y turbio porque las tintas reales no son absorbedores ideales — cada tinta refleja algo de luz en cada longitud de onda, la sobreimpresión perfecta es imposible debido a la mezcla de tintas y la ganancia de punto. La K resuelve tres problemas: la tinta negra pura produce un negro limpio y nítido para tipografía y sombras; la sustitución por K permite a la fórmula reducir la cobertura total de tinta (tinta más barata, secado más rápido, menos saturación del papel); y una plancha K dedicada mantiene el registro de texto más ajustado (solo una plancha necesita alinearse, frente a tres para texto del cuerpo construido a partir de CMY). El K = 1 - max(R,G,B) de la fórmula ingenua es la estrategia de generación de K más simple posible; la preimpresión real usa estrategias UCR (Under Color Removal) y GCR (Gray Component Replacement) que mueven más o menos CMY a K según las características de la prensa.

Discrepancia de gama: rojos sRGB que CMYK no puede alcanzar

sRGB y CMYK tienen gamas de forma diferente. sRGB puede alcanzar rojos saturados, azules profundos y verdes vivos que caen fuera del rango imprimible de CMYK — el famoso caso "el rojo puro en pantalla se ve naranja en imprenta". La fórmula ingenua informa `cmyk(0%, 100%, 100%, 0%)` para `#FF0000`, pero ninguna combinación real de tinta a ningún nivel de cobertura puede reproducir ese color exacto de pantalla sobre papel. Una conversión ICC usa una de cuatro intenciones de renderizado para manejar la discrepancia de gama: Perceptual (comprime toda la gama de origen para que quepa en el destino, preservando las relaciones de color generales), Colorimétrica Relativa (recorta los colores fuera de gama al valor en gama más cercano, preserva los colores en gama exactamente), Colorimétrica Absoluta (similar a la Relativa pero no compensa las diferencias de punto blanco), o Saturación (preserva la saturación a costa de la precisión, usada principalmente para gráficos empresariales).

Estabilidad de ida y vuelta a través de la fuente de verdad OKLCH

La representación canónica interna de la herramienta es OKLCH (según el diseño del centro unificado), no CMYK. CMYK se deriva de OKLCH en cada pulsación de tecla a través de la cadena OKLCH → OKLAB → XYZ D65 → linear-sRGB → sRGB → CMYK ingenuo. Esto significa que editar CMYK directamente también está soportado: analice los cuatro porcentajes, ejecute la fórmula inversa para recuperar sRGB (`R = (1 - C) * (1 - K); G = (1 - M) * (1 - K); B = (1 - Y) * (1 - K)`), actualice la fuente OKLCH, luego vuelva a renderizar cada otro campo. Los viajes de ida y vuelta son estables pero con pérdida en los bordes de la gama de CMYK, donde la inversa asigna múltiples colores sRGB a la misma aproximación CMYK.

Buenas prácticas para flujos HEX / CMYK

Confirme el CMYK real con el perfil ICC de su proveedor de imprenta

Antes de cualquier tirada de producción, confirme el CMYK listo para prensa con la canalización ICC de la imprenta contra la combinación real de prensa, tinta y papel. La salida ingenua aquí puede derivar entre un 5 y un 15 % por canal respecto del valor correcto con ICC, lo que es suficiente para convertir un rojo nítido en un naranja turbio o un azul profundo de marca en un azul marino descolorido. El equipo de preimpresión de la imprenta es la fuente autorizada — entrégueles el hex de origen (no el CMYK ingenuo) y deje que ejecuten su propia conversión contra US Web Coated SWOP v2, Fogra39, Japan Color 2011 Coated o un perfil personalizado específico de prensa.

Use el CMYK de esta herramienta como estimación inicial para presupuesto / alcance

El CMYK ingenuo es genuinamente útil para estimaciones aproximadas: cobertura total de tinta para conversaciones de coste, dominancia aproximada de K para verificaciones de oscuridad, comprobación rápida de gama para la pregunta "¿se podrá imprimir siquiera este color?". Úselo para la llamada de presupuesto, el encargo al proveedor, la conversación de alcance. Luego entregue el hex de origen a la imprenta para la conversión real lista para prensa. No envíe la salida ingenua como entregable de producción; sí envíela como artefacto de planificación.

Para correspondencia Pantone, la biblioteca de colores directos de la imprenta sustituye a todo

Los colores directos Pantone (y HKS, RAL, Toyo) son tintas premezcladas con su propia identidad de color fija — no se construyen a partir de canales CMYK de proceso. Si su marca requiere correspondencia Pantone (común para embalaje, imprenta premium, cualquier cosa donde el color exacto sea crítico), la imprenta usará la tinta Pantone directamente y CMYK no entra en escena. Especifique el número Pantone en el encargo; ignore tanto los valores CMYK ingenuos como los correctos con ICC para ese color. CMYK solo importa cuando el trabajo se ejecuta puramente con colores de proceso sin tinta directa.

Envíe el HEX de origen u OKLCH a la imprenta, no el CMYK ingenuo

El equipo de preimpresión de la imprenta necesita el color de origen autorizado para poder ejecutar la conversión contra su perfil de prensa. Entrégueles el hex de origen (u OKLCH para sistemas de marca modernos) más cualquier llamada a color directo (números Pantone). Nunca les entregue el CMYK ingenuo como entregable — no tienen forma de saber si los valores vinieron de una fórmula ingenua, de una conversión antigua de Photoshop contra un perfil de prensa diferente o de una conversión real correcta con ICC contra el perfil correcto. Los datos de origen evitan la ambigüedad.

Verifique que el canal K sea razonable (K=100 solo para negro puro)

Verifique con cordura el valor K tras la conversión. El negro puro (`#000000`) debe dar K=100 con C=M=Y=0. Los colores oscuros casi-negros deben caer en el rango K=80-95 con CMY bajos. Los tonos medios (saturación media, luminosidad media) deben caer en algún lugar entre K=20-60. Los colores brillantes saturados deben sentarse en K=0 con uno o dos canales CMY a alta cobertura. Si ve valores K fuera de estos patrones para el brillo percibido de un color dado, verifique de nuevo el hex de entrada — un error tipográfico puede voltear silenciosamente un color de "casi-negro" a "casi-blanco". La salida CMYK hace visible el error de entrada.

Ejecute una prueba húmeda sobre el papel real antes de producción

Para cualquier tirada de producción que importe, obtenga una prueba húmeda de la imprenta sobre el papel real con las tintas reales antes de dar el visto bueno. Las pruebas blandas (simulaciones ICC en pantalla) son útiles pero nunca perfectas — la textura del papel, la densidad de tinta y el espectro de luz de visualización afectan la percepción final. Presupueste tiempo y dinero para al menos una iteración de prueba húmeda. El CMYK ingenuo aquí, el CMYK correcto con ICC y la prueba húmeda son tres instantáneas cada vez más precisas del mismo color; la prueba húmeda es la única que coincide exactamente con la pieza impresa final.

Documente el HEX de origen junto al CMYK final

Una vez que la imprenta produzca el CMYK listo para prensa y usted dé el visto bueno a la prueba, documente tanto el hex de origen como el CMYK final correcto con ICC en la especificación de marca. Seis meses después, cuando alguien necesite reimprimir o extender la paleta, ambos valores preservan el rastro completo de procedencia — el origen para reconvertir contra una prensa diferente, el CMYK bloqueado para reimprimir en la misma prensa. El CMYK ingenuo pertenece solo a la etapa de encargo; el CMYK listo para prensa pertenece a la especificación bloqueada.

Preguntas frecuentes