MODELOS DE COLOR (RGB, CMYK, HSV/HSL)

Continuando esta serie de artículos sobre imagen digital, hoy toca hablar de los modelos
de color. El objetivo será ver la diferencia entre los distintos modelos, entender mejor el
modelo HSL, que es el que utilizamos al revelar una imagen digital desde un RAW.

El modelo RGB nos servirá en un próximo artículo para entender las diferencias entre
profundidad de color de 8 y 16 bits, y en otro artículo, para entender lo que son y qué
diferencias hay entre espacios de color.

Como siempre, hablaremos en términos de radiación electromagnética y espectro visible,

aquellos que describía en el primer artículo.

¿Qué es un modelo de color?

Un modelo de color establece un conjunto de colores primarios a partir de los que,

mediante mezclas, se pueden obtener otros colores hasta cubrir todo el espectro visible,
además del propio blanco, negro y grises, y aún más. Por ejemplo, hay colores, como el
marrón o el magenta, que no están presentes en el espectro visible, y es nuestro cerebro
el que lo interpreta a partir de la combinación de ondas con diferentes longitudes.

Los modelos de color más comunes son RGB (utilizado en monitores) y CMYK (utilizado
para impresión), que veremos más adelante.

Modelos aditivos y sustractivos

Hay dos tipos de modelos de color, los aditivos y los sustractivos. Un modelo aditivo se
basa en la adición o mezcla de los colores básicos como forma para obtener el blanco.

Un modelo sustractivo se basa en la mezcla de los colores primarios de dicho modelo para
“sustraer la luz”, es decir, para obtener el negro, que como comentábamos en el artículo
de la luz, es la ausencia de luz.

Si recordamos del primer artículo, cuando empleamos el término “color” en realidad nos
referimos al “matiz” o “croma”. Y junto a los colores también tenemos los tres casos
especiales: el blanco, el negro y los grises.

Modelo RGB

Volviendo a los modelos de color más habituales en fotografía, el modelo RGB define
como colores primarios el rojo, el verde y el azul. La combinación de los tres genera
blanco. La ausencia de los tres genera negro. Las diferentes mezclas entre ellos
representarían toda la gama de color. De nuevo, los grises se representarían con
diferentes intensidades de cada color, pero siempre los tres con el mismo valor.

El modelo RBG se utiliza cuando se representa color mediante haces de luz (pantallas o
monitores). Un pixel en un monitor se representaría mediante tres subpíxeles o células:
una roja, una verde y una azul, correspondiendo cada una a un LED o diodo emisor de luz
del respectivo color.

Si los tres diodos están apagados, obtendríamos el negro. Si están encendidos a

diferentes intensidades, obtendríamos colores, si están todos encendidos con la misma
intensidad y al máximo, tendríamos el blanco, y si la intensidad es menor pero igual en
los tres diodos, obtendríamos grises.

Modelo CMYK

Es un modelo sustractivo y se utiliza en impresión a partir de pigmentos de tres colores

básicos: C – cian, M – magenta y Y – amarillo. La K viene del negro, ya que la combinación
de los tres anteriores produce un negro poco puro, de ahí que se añada al modelo un
pigmento negro puro. Al contrario que en RGB, donde el negro es la ausencia de luz, en
CMYK el blanco se representa aquí como ausencia de pigmentos.

Los colores intermedios se producen a partir de la mezcla en distintas proporciones de los

pigmentos base.

Hay una relación entre los modelos RGB y CMYK, ya que con la mezcla a igual parte de
cada uno de los colores básicos de un modelo obtenemos los primarios del otro.

En RGB (rojo, verde, azul):

 Rojo y verde en iguales proporciones: obtenemos amarillo – Y de CMYK

 Rojo y azul en iguales proporciones: obtenemos el magenta – M
 Verde y azul en iguales proporciones: obtenemos el cian – C

En CMYK (cian, magenta, amarillo):

 Cian y magenta en igual proporción: obtenemos el azul

 Cian y amarillo en igual proporción: obtenemos el verde
 Magenta y amarillo en igual proporción: obtenemos el rojo

Modelo HSV y HSL

Estos modelos incluyen otros dos parámetros adicionales al matiz o croma para obtener el
color, que son la saturación (en ambos) y el valor (en HSV) o la luminosidad o tono (en
HSL). De ahí sus siglas: HSL (H – hue o matiz, S – saturation o saturación, L – luminosity o
luminosidad/tono), HSV (idem excepto V de value o valor).

La diferencia entre HSV y HSL es que en HSV la saturación va del color puro al blanco, y en
HSL la saturación va del color puro al gris medio, y el tono, en HSV va desde el negro al
color, y en HSL va desde el negro al blanco. De ahí que HSL sea el que se utiliza más
comúnmente en fotografía.

Lightroom, que se basa en HSL, dispone de controles para alterar H – matiz, S – saturación
y L – Tono para los siguientes colores: rojo, naranja, amarillo, verde, cian, azul, violeta y
magenta.

Siguiendo con Lightroom, éste nos permite fijar la saturación entre gris y color puro para
esos 8 colores. Respecto al matiz, nos permite virar los 8 colores a los adyacentes que
comentaba en el artículo de luz y color, por ejemplo, para el rojo, desde magenta a
naranja.

Por último, respecto al tono, Lightroom nos permite oscurecer cada uno de esos 8 colores
hasta el negro, o bien aclararlo hasta llegar al blanco.

Si utilizásemos un programa basado en HSV, el control del matiz sería similar, el control
de la saturación nos permitiría llevar un matiz dado a su expresión más pura, o bajar su
saturación hasta llegar el blanco, raro, ¿verdad?. Y respecto al tono, nos permitiría para un
matiz dado, bajar su tono hasta el negro o subirlo hasta el color puro, también raro,
¿verdad?.

Formatos de imagen
Las imagénes digitales se pueden guardar en distintos formatos. Cada
uno se corresponde con una extensión específica del archivo que lo
contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y
PNG.

BMP (Bitmap = Mapa de bits)

 Ha sido muy utilizado porque fue desarrollado para aplicaciones Windows.

 La imagen se forma mediante una parrilla de píxeles.
 El formato BMP no sufre pérdidas de calidad y por tanto resulta adecuado para
guardar imágenes que se desean manipular posteriormente.
 Ventaja: Guarda gran cantidad de información de la imagen.
 Inconveniente: El archivo tiene un tamaño muy grande.

GIF (Graphics Interchange Format = Formato de Intercambio Gráfico)

  Ha sido diseñado específicamente para comprimir imágenes digitales.
 Reduce la paleta de colores a 256 colores como máximo (profundidad de color de 8
bits).
 Admite gamas de menor número de colores y esto permite optimizar el tamaño del
archivo que contiene la imagen.
 Ventaja: Es un formato idóneo para publicar dibujos en la web.
 Inconveniente: No es recomendable para fotografías de cierta calidad ni originales
ya que el color real o verdadero utiliza una paleta de más de 256 colores.

JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos

Unidos)

 A diferencia del formato GIF, admite una paleta de hasta 16 millones de colores.
 Es el formato más común junto con el GIF para publicar imágenes en la web.
 La compresión JPEG puede suponer cierta pérdida de calidad en la imagen. En la
mayoría de los casos esta pérdida se puede asumir porque permite reducir el
tamaño del archivo y su visualización es aceptable. Es recomendable utilizar una
calidad del 60-90 % del original.
 Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su
calidad si se define cierto factor de compresión.
 Las cámaras digitales suelen almacenar directamente las imágenes en formato JPEG
con máxima calidad y sin compresión.
 Ventaja: Es ideal para publicar fotografías en la web siempre y cuando se
configuren adecuadamente dimensiones y compresión.
 Inconveniente: Si se define un factor de compresión se pierde calidad. Por este
motivo no es recomendable para archivar originales.

TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada)

 Almacena imágenes de una calidad excelente.

 Utiliza cualquier profundidad de color de 1 a 32 bits.
 Es el formato ideal para editar o imprimir una imagen.
 Ventaja: Es ideal para archivar archivos originales.
 Inconveniente: Produce archivos muy grandes.

PNG (Portable Network Graphic = Gráfico portable para la red)

 Es un formato de reciente difusión alternativo al GIF.

 Tiene una tasa de compresión superior al formato GIF (+10%)
 Admite la posibilidad de emplear un número de colores superior a los 256 que
impone el GIF.
 Debido a su reciente aparición sólo es soportado en navegadores modernos como IE
4 o superior.

Nota para Windows:

Para visualizar la extensión de los archivos desde el explorador de
Windowssigue los siguientes pasos:

1. Desde el escritorio elige Inicio > Mi PC

2. En la barra de menús selecciona Herramientas > Opciones de

carpeta

3. Pulsa en la pestaña Ver.

4. En la lista Configuración avanzada localiza en la parte más inferior

de la lista el elemento: "Ocultar las extensiones de archivo para
tipos de archivo conocidos".

5. Asegúrate de que la casilla del item mencionado NO está activada.

6. Pulsa en Aceptar para guardar los cambios.

Tras ejecutar estas instrucciones se mostrará siempre la extensión de

los archivos (.doc, .pdf, .html) cuando utilices el explorador de archivos
de Windows para moverte entre las carpetas de tu disco duro.

En la siguiente tabla se recogen las características diferenciales más

significativas de los tres formatos de imagen recomendados para
publicar una imagen en la web.

JPG GIF PNG

Número de colores:
Número de colores:
24 bits color o 8 bits Hasta 256 colores
24 bits color
B/N

Mayor compresión
Muy alto grado de Formato de
que el formato GIF
compresión compresión
(+10%)

Admite carga Admite carga Admite carga

progresiva progresiva progresiva

Admite fondos
No admite fondos Admite fondos
transparentes en 8-
transparentes transparentes
bits

No permite No permite
Permite animación
animación animación