Cada vez que conviertes un color de RGB a CMYK (o viceversa), estás moviéndote entre espacios de color con diferentes capacidades. Entender estos espacios y sus gamuts (rangos de color) es la clave para evitar que tus diseños pierdan vitalidad al imprimirse o se vean apagados en ciertos dispositivos.
¿Qué Es un Espacio de Color?
Un espacio de color es un modelo matemático que define un subconjunto específico de todos los colores que el ojo humano puede percibir. Piensa en él como un "mapa" del color: cada espacio cubre un territorio diferente.
Los espacios de color sirven para estandarizar la reproducción del color entre dispositivos. Sin ellos, el mismo valor RGB se vería diferente en cada monitor, impresora o cámara, porque cada dispositivo tiene capacidades físicas distintas.
Analogía útil
Si los colores fueran idiomas, un espacio de color sería un diccionario específico. sRGB es como el español estándar (lo entiende todo el mundo), Adobe RGB es como el español con vocabulario técnico (más preciso pero no todos lo manejan), y Display P3 es como añadir jerga moderna que solo los dispositivos nuevos interpretan.
¿Qué Es el Gamut?
El gamut es el rango total de colores que un espacio de color puede representar. Es el "territorio" que cubre ese mapa. Un gamut más amplio significa que puede representar colores más saturados y vibrantes.
El diagrama de cromaticidad CIE 1931 (la famosa "herradura") muestra todos los colores que el ojo humano puede ver. Cada espacio de color cubre un subconjunto de esta herradura:
sRGB
~35% del espectro visible. Es el estándar web y la mayoría de monitores.
Adobe RGB
~50% del espectro visible. Más verdes y cianes saturados.
Display P3
~45% del espectro visible. Más rojos y naranjas vibrantes.
CMYK (SWOP)
~30% del espectro visible. El más limitado de los cuatro.
sRGB — El Estándar Universal
Creado por HP y Microsoft en 1996, sRGB es el espacio de color más utilizado del mundo. Todo el contenido web, la mayoría de los monitores, cámaras de consumo y aplicaciones de software asumen sRGB por defecto.
La curva de transferencia (gamma) de sRGB no es una simple potencia de 2.2: tiene un segmento lineal en valores muy bajos (≤ 0.04045 en escala 0-1) para evitar ruido en las sombras. Esta es exactamente la función srgbToLinear() que usan nuestros convertidores LAB.
Adobe RGB — El Estándar Fotográfico
Creado por Adobe en 1998 para capturar la gama de colores reproducibles en impresoras de inyección de tinta CMYK. Adobe RGB tiene primarios más anchos, especialmente en la región verde-cian, lo que le permite representar ~50% del espectro visible.
Es el espacio preferido para fotografía profesional y preprensa. Si capturas en RAW y planeas imprimir, Adobe RGB preserva más detalle de color que sRGB durante la edición.
Precaución web
Si publicas una imagen Adobe RGB en la web sin convertirla a sRGB, los colores se verán desaturados en la mayoría de navegadores. Siempre convierte a sRGB antes de subir a internet.
Gamut CMYK — La Realidad de la Impresión
El gamut CMYK es el más reducido de los espacios comunes. Esto se debe a que las tintas físicas no pueden reproducir todos los colores que la luz puede emitir. El gamut exacto depende del perfil ICC, la impresora y el papel:
Cuando conviertes un color RGB vibrante a CMYK, los colores fuera del gamut se "recortan" o "mapean" al color CMYK más cercano. Este proceso se llama gamut mapping.
Display P3 — La Nueva Frontera
Basado en el estándar DCI-P3 del cine digital, Display P3 es el espacio de color de los dispositivos Apple modernos (desde iPhone 7 y MacBook Pro 2016). Ofrece ~25% más colores que sRGB, especialmente en rojos profundos, naranjas vibrantes y verdes intensos.
CSS Color Level 4 permite definir colores P3 directamente: color(display-p3 1 0.5 0). Esto es ideal si tu audiencia usa dispositivos modernos, pero siempre debes proporcionar un fallback sRGB.
CIELAB y OKLCH — Espacios Perceptuales
A diferencia de sRGB/CMYK (ligados a dispositivos), CIELAB y OKLCH son espacios de color perceptualmente uniformes: diseñados para reflejar cómo los humanos percibimos el color.
CIELAB (L*a*b*)
L* = luminosidad (0-100), a* = eje verde-rojo, b* = eje azul-amarillo. Es el espacio donde se calcula Delta E. Estándar CIE desde 1976. Cubre todo el espectro visible humano.
OKLCH
L = luminosidad, C = croma (saturación), H = tono en grados. Corrección moderna (2020) de L*a*b* con mejor uniformidad perceptual. Soportado en CSS (oklch(0.7 0.15 180)). Ideal para generar paletas armónicas.
Nuestros convertidores RGB a LAB, RGB a OKLCH y RGB a LCH implementan estas transformaciones con precisión verificada contra la biblioteca colour-science.
Gamut Mapping: ¿Qué Ocurre Al Convertir?
Cuando un color existe en un espacio pero no en otro (está "fuera de gamut"), hay que decidir cómo representarlo. Esto se llama gamut mapping y hay cuatro estrategias principales:
Perceptual
Comprime todo el gamut proporcionalmente para mantener las relaciones entre colores. Es la opción recomendada para fotografías, porque preserva los gradientes y degradados naturales aunque todos los colores se desaturen ligeramente.
Relativo Colorimétrico
Mantiene exactos los colores dentro del gamut y recorta los que quedan fuera al borde más cercano. Ideal para logotipos y colores corporativos donde la exactitud es crítica.
Absoluto Colorimétrico
Similar al relativo pero no ajusta el punto blanco. Usado para pruebas de color (proofing) donde quieres simular exactamente cómo se verá en un papel/impresora específicos.
Saturación
Prioriza mantener colores vivos aunque cambie el tono. Útil para gráficos, infografías y mapas donde la distinción visual entre áreas es más importante que la precisión cromática.
Referencia técnica
El gamut mapping se implementa a través de perfiles ICC. Cada perfil contiene tablas de mapeo (LUT) para cada intención de renderizado. Aprende más en nuestra guía de perfiles ICC.
¿Cuál Espacio Usar?
| Situación | Espacio recomendado | Razón |
|---|---|---|
| Web y redes sociales | sRGB | Compatibilidad universal con todos los navegadores y dispositivos |
| Fotografía para impresión | Adobe RGB | Captura más colores que sRGB, ideal para edición antes de CMYK |
| Impresión profesional | CMYK + perfil ICC | Coincide con las capacidades reales de la impresora |
| CSS moderno | OKLCH | Perceptualmente uniforme, funcional para generar paletas |
| Comparación de colores | CIELAB | Espacio donde se calcula Delta E |
| Apps Apple | Display P3 | Colores más vibrantes en dispositivos compatibles |
Fuentes Académicas y Lectura Adicional
Los datos técnicos de esta guía están basados en las siguientes fuentes:
- IEC 61966-2-1:1999 — Especificación estándar de sRGB. Define las coordenadas de primarios, punto blanco D65 y la función de transferencia con segmento lineal.
- Björn Ottosson (2020) — Artículo original de Oklab/OKLCH con demostración visual de su superioridad perceptual sobre CIELAB.
- Charles Poynton — Color FAQ — Referencia histórica sobre gamma, cuantización y transmisión de color digital.
- colour-datasets — Observadores estándar CIE, espectros de iluminantes y coordenadas de cromaticidad Munsell con DOI citable para investigación.
- awesome-colour — Directorio curado de bibliotecas de ciencia del color organizadas por lenguaje de programación (800+ estrellas).
Para una revisión completa de herramientas y bibliotecas, consulta nuestra guía de recursos de ciencia del color.