¿Por qué mis colores RGB se ven apagados al convertir a CMYK?

RGB (luz) tiene **gamut más amplio** que CMYK (tinta). Colores muy saturados (azules, verdes, naranjas brillantes) están **fuera del gamut CMYK** y se recortan al convertir. Usa perfil FOGRA39/ISO Coated v2 y revisa 'advertencia de gamut' en Photoshop/Illustrator.

¿Puedo convertir HEX directamente a CMYK?

HEX → RGB (directo) → CMYK (requiere perfil de color). No existe conversión matemática única HEX→CMYK sin perfil; el resultado depende del papel, tinta e imprenta. Usa el conversor de color con perfil FOGRA39 para simular.

HEX, RGB, HSL y CMYK: conversión completa para diseño e impresión

ℹ️ Este contenido es educativo e informativo. No constituye asesoramiento profesional. Consulta con un especialista antes de tomar decisiones.

HEX, RGB, HSL son para pantalla (luz); CMYK es para impresión (tinta). Convertir entre ellos no es 1:1: el gamut RGB es más amplio y los colores saturados se recortan en CMYK. Aquí tienes la conversión completa, perfiles de color, por qué falla y cómo preparar archivos para imprenta sin sorpresas.

Los cuatro espacios de color

Espacio	Tipo	Canales	Uso	Gamut
HEX	RGB codificado	#RRGGBB	Web, CSS, diseño digital	= sRGB
RGB	Aditivo (luz)	R, G, B (0–255)	Pantallas, web, foto digital	sRGB / Display P3 / Adobe RGB
HSL	Cilíndrico (perceptual)	H (0–360°), S (0–100 %), L (0–100 %)	Diseño UI, paletas, CSS moderno	= RGB subyacente
CMYK	Sustractivo (tinta)	C, M, Y, K (0–100 %)	Imprenta offset, digital, packaging	Más estrecho

HEX = RGB en hexadecimal. #FF8800 = rgb(255, 136, 0) = hsl(32, 100%, 50%).
CMYK ≠ inverso de RGB matemáticamente simple: depende de perfil de color (papel, tinta, prensa).

Conversiones exactas (pantalla ↔ pantalla)

HEX ↔ RGB

// HEX → RGB
const r = parseInt(hex.slice(1, 3), 16);
const g = parseInt(hex.slice(3, 5), 16);
const b = parseInt(hex.slice(5, 7), 16);

// RGB → HEX
const hex = '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join('');

RGB ↔ HSL

// RGB (0–1) → HSL
const max = Math.max(r, g, b), min = Math.min(r, g, b);
const l = (max + min) / 2;
let h, s;
if (max === min) { h = s = 0; }
else {
  const d = max - min;
  s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
  switch (max) {
    case r: h = (g - b) / d + (g < b ? 6 : 0); break;
    case g: h = (b - r) / d + 2; break;
    case b: h = (r - g) / d + 4; break;
  }
  h *= 60;
}

Nuestro conversor de colores hace HEX ↔ RGB ↔ HSL al instante y exacto.

RGB → CMYK: la conversión real (requiere perfil)

No hay fórmula única. La conversión usa perfiles ICC que modelan:

Tintas (C, M, Y, K específicas de la imprenta)
Papel (brillo, porosidad, blancura óptica)
Condiciones de impresión (ganancia de punto, trapping, secuencia)

Perfiles CMYK estándar (ISO 12647-2)

Perfil	Región / Uso	Ganancia de punto (TVI)	Blancura papel
FOGRA39 (ISO Coated v2 300 %)	Europa, papel estucado brillante	16 % (40 % tono)	D50, brillante
ISO Coated v2 300 % (ECI)	Europa, estándar actual	16 %	D50
US Web Coated SWOP v2	EE. UU., revista/web offset	20 %	D50
Japan Color 2001 Coated	Japón, estucado	17 %	D50
FOGRA47 (ISO Uncoated)	Europa, papel offset sin estucar	22 %	D50

Pregunta a tu imprenta: “¿Qué perfil CMYK usan? (FOGRA39, SWOP, etc.)”. Usa ese perfil al convertir.

Por qué los colores “se apagan” en CMYK

Gamut RGB (sRGB) vs Gamut CMYK (FOGRA39)

       RGB gamut (luz)
      ╱╲
     ╱  ╲  ← Colores fuera de CMYK:
    ╱    ╲     • Azules eléctricos (#0000FF, #00FFFF)
   ╱ CMYK  ╲    • Verdes neón (#00FF00, #39FF14)
  ╱  gamut  ╲   • Naranjas/rojos muy saturados (#FF3300)
 ╱__________╲

Colores problemáticos típicos:

RGB / HEX	En CMYK (FOGRA39)	Solución
`#0000FF` (azul puro)	Azul apagado, violáceo	Usa Pantone 286 C / 2935 C
`#00FF00` (verde lima)	Verde oliva sucio	Pantone 375 C / 802 C
`#FF00FF` (magenta RGB)	Magenta CMYK OK (es proceso)	—
`#FFFF00` (amarillo RGB)	Amarillo CMYK OK	—
`#FF8800` (naranja vivo)	Naranja marrón	Pantone 165 C / 1585 C

Flujo de trabajo profesional (pantalla → imprenta)

Diseña en RGB (sRGB para web, Display P3 / Adobe RGB para foto/print).
Maqueta final → convierte a CMYK asignando el perfil de la imprenta (no “convertir a CMYK genérico”).
Activa “Advertencia de gamut” (Photoshop: Ver → Advertencia de gamut / Shift+Ctrl+Y). Los grises = fuera de gama.
Ajusta manualmente los colores fuera de gama: reduce saturación, busca alternativa en gamut, o usa Pantone spot para ese color crítico.
Entrega PDF/X-1a (CMYK + perfil incrustado, sin transparencias, fuentes embebidas) o PDF/X-4 (transparencias vivas, perfil incrustado).
Solicita prueba de color (hard proof) certificada ISO 12647-7 antes de tirada.

Tabla rápida: equivalencias aproximadas (sRGB → FOGRA39 CMYK)

HEX / RGB	HSL	CMYK approx (FOGRA39)	Nota
`#FF0000` / rgb(255,0,0)	hsl(0,100%,50%)	0, 100, 100, 0	Rojo proceso OK
`#00FF00` / rgb(0,255,0)	hsl(120,100%,50%)	100, 0, 100, 0	Verde → fuera de gama
`#0000FF` / rgb(0,0,255)	hsl(240,100%,50%)	100, 70, 0, 0	Azul → fuera de gama
`#FFFF00` / rgb(255,255,0)	hsl(60,100%,50%)	0, 0, 100, 0	Amarillo proceso OK
`#FF00FF` / rgb(255,0,255)	hsl(300,100%,50%)	0, 100, 0, 0	Magenta proceso OK
`#00FFFF` / rgb(0,255,255)	hsl(180,100%,50%)	100, 0, 0, 0	Cian proceso OK
`#FFFFFF`	hsl(0,0%,100%)	0, 0, 0, 0	Blanco = papel
`#000000`	hsl(0,0%,0%)	0, 0, 0, 100	Negro rico: 40, 30, 30, 100

Negro rico (rich black): C 40 % M 30 % Y 30 % K 100 % → negro profundo sin exceso tinta.
Negro solo K: K 100 % → puede verse grisáceo en zonas grandes.

Conclusión

Pantalla: HEX = RGB = HSL (conversión exacta). Usa conversor de colores.
Impresión: RGB → CMYK requiere perfil ICC (pregunta a tu imprenta).
Gamut: RGB > CMYK. Colores neón/eléctricos se recortan → usa Pantone spot o ajusta.
Entrega: PDF/X-1a o PDF/X-4 con perfil incrustado + prueba de color.

Convierte HEX ↔ RGB ↔ HSL para pantalla y prepara tus CMYK con el perfil correcto.

HEX, RGB, HSL are for screen (light); CMYK is for print (ink). Converting between them isn’t 1:1: the RGB gamut is wider and saturated colors get clipped in CMYK. Here you have the complete conversion, color profiles, why it fails and how to prepare files for print without surprises.

The four color spaces

Space	Type	Channels	Use	Gamut
HEX	Encoded RGB	#RRGGBB	Web, CSS, digital design	= sRGB
RGB	Additive (light)	R, G, B (0–255)	Screens, web, digital photo	sRGB / Display P3 / Adobe RGB
HSL	Cylindrical (perceptual)	H (0–360°), S (0–100 %), L (0–100 %)	UI design, palettes, modern CSS	= underlying RGB
CMYK	Subtractive (ink)	C, M, Y, K (0–100 %)	Offset, digital, packaging print	Narrower

HEX = RGB in hexadecimal. #FF8800 = rgb(255, 136, 0) = hsl(32, 100%, 50%).
CMYK ≠ inverse of RGB mathematically simple: depends on color profile (paper, ink, press).

Exact conversions (screen ↔ screen)

HEX ↔ RGB

// HEX → RGB
const r = parseInt(hex.slice(1, 3), 16);
const g = parseInt(hex.slice(3, 5), 16);
const b = parseInt(hex.slice(5, 7), 16);

// RGB → HEX
const hex = '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join('');

RGB ↔ HSL

// RGB (0–1) → HSL
const max = Math.max(r, g, b), min = Math.min(r, g, b);
const l = (max + min) / 2;
let h, s;
if (max === min) { h = s = 0; }
else {
  const d = max - min;
  s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
  switch (max) {
    case r: h = (g - b) / d + (g < b ? 6 : 0); break;
    case g: h = (b - r) / d + 2; break;
    case b: h = (r - g) / d + 4; break;
  }
  h *= 60;
}

Our color converter does HEX ↔ RGB ↔ HSL instantly and exactly.

RGB → CMYK: the real conversion (requires profile)

There is no single formula. Conversion uses ICC profiles that model:

Inks (specific C, M, Y, K of the press)
Paper (gloss, porosity, optical brightening)
Print conditions (dot gain, trapping, sequence)

Standard CMYK profiles (ISO 12647-2)

Profile	Region / Use	Dot gain (TVI)	Paper white
FOGRA39 (ISO Coated v2 300 %)	Europe, coated glossy	16 % (40 % tone)	D50, glossy
ISO Coated v2 300 % (ECI)	Europe, current standard	16 %	D50
US Web Coated SWOP v2	USA, magazine/web offset	20 %	D50
Japan Color 2001 Coated	Japan, coated	17 %	D50
FOGRA47 (ISO Uncoated)	Europe, uncoated offset	22 %	D50

Ask your printer: “What CMYK profile do you use? (FOGRA39, SWOP, etc.)”. Use that profile when converting.

Why colors “dull out” in CMYK

RGB gamut (sRGB) vs CMYK gamut (FOGRA39)

       RGB gamut (light)
      ╱╲
     ╱  ╲  ← Colors outside CMYK:
    ╱    ╲     • Electric blues (#0000FF, #00FFFF)
   ╱      ╲    • Neon greens (#00FF00, #39FF14)
  ╱  CMYK   ╲   • Highly saturated oranges/reds (#FF3300)
 ╱  gamut   ╲
╱____________╲

Typical problem colors:

RGB / HEX	In CMYK (FOGRA39)	Fix
`#0000FF` (pure blue)	Dull, purplish blue	Use Pantone 286 C / 2935 C
`#00FF00` (lime green)	Muddy olive green	Pantone 375 C / 802 C
`#FF00FF` (RGB magenta)	Process magenta OK	—
`#FFFF00` (RGB yellow)	Process yellow OK	—
`#FF8800` (vivid orange)	Brownish orange	Pantone 165 C / 1585 C

Professional workflow (screen → print)

Design in RGB (sRGB for web, Display P3 / Adobe RGB for photo/print).
Final layout → convert to CMYK assigning the printer’s profile (not “generic CMYK”).
Enable “Gamut Warning” (Photoshop: View → Gamut Warning / Shift+Ctrl+Y). Grays = out of gamut.
Manually adjust out-of-gamut colors: reduce saturation, find in-gamut alternative, or use Pantone spot for that critical color.
Deliver PDF/X-1a (CMYK + embedded profile, no transparency, fonts embedded) or PDF/X-4 (live transparency, embedded profile).
Request color proof (hard proof) certified ISO 12647-7 before run.

Quick table: approximate equivalences (sRGB → FOGRA39 CMYK)

HEX / RGB	HSL	CMYK approx (FOGRA39)	Note
`#FF0000` / rgb(255,0,0)	hsl(0,100%,50%)	0, 100, 100, 0	Process red OK
`#00FF00` / rgb(0,255,0)	hsl(120,100%,50%)	100, 0, 100, 0	Green → out of gamut
`#0000FF` / rgb(0,0,255)	hsl(240,100%,50%)	100, 70, 0, 0	Blue → out of gamut
`#FFFF00` / rgb(255,255,0)	hsl(60,100%,50%)	0, 0, 100, 0	Process yellow OK
`#FF00FF` / rgb(255,0,255)	hsl(300,100%,50%)	0, 100, 0, 0	Process magenta OK
`#00FFFF` / rgb(0,255,255)	hsl(180,100%,50%)	100, 0, 0, 0	Process cyan OK
`#FFFFFF`	hsl(0,0%,100%)	0, 0, 0, 0	White = paper
`#000000`	hsl(0,0%,0%)	0, 0, 0, 100	Rich black: 40, 30, 30, 100

Rich black: C 40 % M 30 % Y 30 % K 100 % → deep black without ink overload.
K-only black: K 100 % → can look grayish in large areas.

Conclusion

Screen: HEX = RGB = HSL (exact conversion). Use color converter.
Print: RGB → CMYK requires ICC profile (ask your printer).
Gamut: RGB > CMYK. Neon/electric colors clip → use Pantone spot or adjust.
Deliver: PDF/X-1a or PDF/X-4 with embedded profile + color proof.

Convert HEX ↔ RGB ↔ HSL for screen and prep your CMYK with the right profile.

Los cuatro espacios de color

Conversiones exactas (pantalla ↔ pantalla)

HEX ↔ RGB

RGB ↔ HSL

RGB → CMYK: la conversión real (requiere perfil)

Perfiles CMYK estándar (ISO 12647-2)

Por qué los colores “se apagan” en CMYK

Flujo de trabajo profesional (pantalla → imprenta)

Tabla rápida: equivalencias aproximadas (sRGB → FOGRA39 CMYK)

Conclusión

The four color spaces

Exact conversions (screen ↔ screen)

HEX ↔ RGB

RGB ↔ HSL

RGB → CMYK: the real conversion (requires profile)

Standard CMYK profiles (ISO 12647-2)

Why colors “dull out” in CMYK

Professional workflow (screen → print)

Quick table: approximate equivalences (sRGB → FOGRA39 CMYK)

Conclusion

Preguntas frecuentes

Artículos relacionados

Códigos de color HEX, RGB y HSL: cómo funcionan

Contador de caracteres y palabras: guía práctica para textos

Convertir libras a kilos: fórmula, tabla y truco mental para peso