Modelos y Sistemas de Color: Guía Interactiva
Explorador Interactivo

El Lenguaje de los Colores

El color no es absoluto; depende del medio, la física y la biología. Para reproducir colores en pantallas, papel o la industria, hemos inventado diferentes Modelos y Sistemas de Color. Descubre cómo funciona cada uno y para qué se utiliza.

💻

RGB (Síntesis Aditiva)

Basado en la emisión de luz. Sus primarios son Red (Rojo), Green (Verde) y Blue (Azul). Sumando los tres a máxima intensidad se obtiene el blanco.

Usos Principales

  • Monitores, televisores y pantallas de smartphones.
  • Diseño Web, UI/UX y contenido digital.
  • Fotografía digital y video.
#6496FF
Rojo (R) 100
Verde (G) 150
Azul (B) 255
🖨️

CMYK (Síntesis Sustractiva)

Basado en pigmentos que absorben (restan) luz. Cyan, Magenta y Yellow (Amarillo). Se añade el Key (Negro) para dar profundidad y ahorrar tinta de color, ya que la mezcla pura CMY da un marrón sucio.

Usos Principales

  • Impresión Offset y Digital (revistas, folletos).
  • Packaging estándar.
  • Diseño editorial y cartelería.
Cian (C) 0%
Magenta (M) 0%
Amarillo (Y) 0%
Negro (K) 0%

✨ Hexacromía y Octocromía

El modelo CMYK tradicional tiene un "gamut" (rango de colores) limitado. Para impresiones de altísima fidelidad, se añaden tintas adicionales. Esto permite reproducir tonos vibrantes imposibles con solo 4 colores.

Hexacromía (6 Tintas)

CMYK + Naranja (Orange) + Verde (Green).

Uso: Reproducción de arte fino, packaging premium donde colores naranjas y verdes vibrantes son críticos. Amplía el gamut perceptible espectacularmente.

Octocromía (8 Tintas)

CMYK + Naranja + Verde + Light Cyan + Light Magenta.

Uso: Plotters fotográficos de alta gama. Los tonos "Light" eliminan el efecto de granulado en tonos de piel, cielos claros y gradientes suaves.
🎨

HSV / HSL

Mientras RGB es para las máquinas, HSV (Hue, Saturation, Value) fue diseñado para la mente humana. Es mucho más intuitivo seleccionar un "Tono", decidir qué tan "Puro" es y qué tan "Oscuro" lo queremos.

  • Hue (Tono): El color en sí (0 a 360 grados).
  • Saturation (Saturación): Pureza del color vs. Gris (0% a 100%).
  • Value (Valor/Brillo): Nivel de iluminación (0% Negro a 100% Brillante).

Usos: Paletas de software de diseño (Photoshop, Procreate), código CSS (hsl), arte digital.

Tono (Hue) 0°
Saturación (S) 100%
Valor (V) 100%
🏷️

Tintas Planas / Directas

En lugar de mezclar 4 tintas (CMYK) en la imprenta para crear un color visualmente, una Tinta Plana (como el sistema Pantone) es una tinta pre-mezclada en un bote específico por el fabricante.

Garantiza una consistencia absoluta del color sin importar dónde o cómo se imprima, eliminando el riesgo de desviaciones que ocurren al alinear placas CMYK.

Usos Críticos

  • Logotipos e Identidad Corporativa (el rojo de Coca-Cola).
  • Colores Imposibles en CMYK (Metálicos, Neones, Pasteles puros).
  • Impresión de embalajes (Packaging) estandarizado.
Simulador de Catálogo de Tintas
Brand Red 485 C
Tinta Sólida Estándar
🔬

CIE (1931 & CIELAB)

Creado por la Commission Internationale de l'Éclairage, es un modelo de color independiente del dispositivo. No se basa en las capacidades de una pantalla o tinta, sino en la respuesta biológica promedio del ojo humano.

El diagrama de cromaticidad CIE 1931 (forma de herradura) mapea todos los colores visibles por el ser humano. Los espacios como sRGB o CMYK son solo triángulos (gamuts) más pequeños dentro de esta herradura completa.

CIELAB (L*a*b*): Evolución del CIE 1931. Define un color por su Luminancia (L), eje Verde-Rojo (a), y eje Azul-Amarillo (b).

Uso: Calibración de monitores, perfiles ICC, y conversión matemática exacta entre RGB y CMYK para gestión de color (Color Management).

Diagrama de Cromaticidad CIE 1931 (Aprox)
El triángulo interior punteado representa el espacio de color sRGB habitual. Todo el color fuera de él es visible al ojo, pero irreproducible en un monitor estándar.
🏛️

NCS (Natural Color System)

Es un sistema fenomenológico, basado completamente en cómo los humanos percibimos el color psicológicamente, no en cómo se mezcla físicamente.

Se fundamenta en la teoría de los colores oponentes. Existen 6 colores elementales puros para nuestra mente: Blanco (W), Negro (S), Amarillo (Y), Rojo (R), Azul (B) y Verde (G). Todo color es una mezcla visual de estos.

Ejemplo de Nomenclatura: S 2050-Y90R
(20% de negrura, 50% de cromaticidad, en un tono que es Amarillo con un 90% de Rojo).
Uso: Estándar en Arquitectura, Diseño de Interiores, pintura de paredes e industria textil.
Y (Yellow)
B (Blue)
G (Green)
R (Red)

Infografía Interactiva de Modelos de Color. Desarrollada con HTML, Tailwind CSS y JavaScript.

Espacios de Color (Comparativa de Gamut)

Visualiza el volumen de los tres principales espacios de trabajo fotográfico sobre el espectro electromagnético visible (diagrama CIE 1931).

sRGB (IEC 61966-2-1)
Adobe RGB (1998)
ProPhoto RGB

Selecciona un espacio de color

Activa los interruptores superiores para visualizar el volumen de la gama cromática y comparar qué colores quedan fuera de cada estándar.

  • Espacios de trabajo en preimpresión: Cuándo debe un diseñador trabajar en Adobe RGB para mantener riqueza cromática antes de convertir.

  • Modo Lab (CIE Lab):* Explicar este modelo independiente del dispositivo basado en la percepción humana, usado como «traductor» universal por los motores de gestión de color (CMM).

3. Modelos y Espacios de Color

Esta es la sección donde los alumnos suelen confundirse y requiere mucha claridad visual.

  • Diferencia clave: Un modelo es la receta matemática (RGB), el espacio de color es el tamaño real de esa gama (sRGB vs. Adobe RGB 1998 vs. ProPhoto RGB).

  • Tintas Directas (Colores Sólidos): Cuándo usar catálogos Pantone. Ventajas (consistencia de marca, colores corporativos) y usos especiales (metálicos, flúor, blanco cubriente).

  • Hexacromía y Octocromía: Mención a sistemas de impresión digital avanzados que añaden Naranja, Verde o Violeta (OGV) o tintas Light (Lc, Lm) para ampliar la gama CMYK.