> Manuales > Curso práctico de diseño web

Descripción de los sistemas o modelos de color conocidos y utilizados en el diseño, computación y electrónica: RGB, CMYK, HSV, Pantone.

Los colores obtenidos directamente naturalmente por descomposición de la luz solar o artificialmente mediante focos emisores de luz de una longitud de onda determinada se denominan colores aditivos.

No es necesaria la unión de todas las longitudes del espectro visible para obtener el blanco, ya que si mezclamos solo rojo, verde y azul obtendremos el mismo resultado. Es por esto por lo que estos colores son denominados colores primarios, porque la suma de los tres produce el blanco. Además, todos los colores del espectro pueden ser obtenidos a partir de ellos.

Los colores aditivos son los usados en trabajo gráfico con monitores de ordenador, ya que, según vimos cuando hablamos de los componentes gráficos de un ordenador, el monitor produce los puntos de luz partiendo de tres tubos de rayos catódicos, uno rojo, otro verde y otro azul. Por este motivo, el modelo de definición de colores usado en trabajos digitales es el modelo RGB (Red, Green, Blue).

Todos los colores que se visualizan en el monitor están en función de las cantidades de rojo, verde y azul utilizadas. Por ello, para representar un color en el sistema RGB se le asigna un valor entre 0 y 255 (notación decimal) o entre 00 y FF (notación hexadecimal) para cada uno de los componentes rojo, verde y azul que lo forman. Los valores más altos de RGB corresponden a una cantidad mayor de luz blanca. Por consiguiente, cuanto más altos son los valores RGB, más claros son los colores.

De esta forma, un color cualquiera vendrá representado en el sistema RGB mediante la sintaxis decimal (R,G,B) o mediante la sintaxis hexadecimal #RRGGBB. El color rojo puro, por ejemplo, se especificará como (255,0,0) en notación RGB decimal y #FF0000 en notación RGB hexadecimal, mientras que el color rosa claro dado en notación decimal por (252,165,253) se corresponde con el color hexadecimal #FCA5FD.

Esta forma aditiva de percibir el color no es única. Cuando la luz solar choca contra la superficie de un objeto, éste absorbe diferentes longitudes de onda de su espectro total, mientras que refleja otras. Estas longitudes de onda reflejadas son precisamente las causantes de los colores de los objetos, colores que por ser producidos por filtrado de longitudes de onda se denominan colores sustractivos.

Este fenómeno es el que se produce en pintura, donde el color final de una zona va a depender de las longitudes de onda de la luz incidente reflejadas por los pigmentos de color de la misma.

Un coche es de color azul porque absorbe todas las longitudes de onda que forman la luz solar, excepto la correspondiente al color azul, que refleja, mientras que un objeto es blanco porque refleja todo el espectro de ondas que forman la luz, es decir, refleja todos los colores, y el resultado de la mezcla de todos ellos da como resultado el blanco. Por su parte, un objeto es negro porque absorbe todas las longitudes de onda del espectro: el negro es la ausencia de luz y de color.

En esta concepción sustractiva, los colores primarios son otros, concretamente el cian, el magenta y el amarillo. A partir de estos tres colores podemos obtener casi todos los demás, salvo el blanco y el negro.

Efectivamente, la mezcla de pigmentos cian, magenta y amarillo no produce el color blanco, sino un color gris sucio, neutro. En cuanto al negro, tampoco es posible obtenerlo a partir de los primarios, siendo necesario incluirlo en el conjunto de colores básicos sustractivos, obteniéndose el modelo CMYK (Cyan, Magenta, Yellow, Black).

El sistema CMYK, define los colores de forma similar a como funciona una impresora de inyección de tinta o una imprenta comercial de cuatricromía. El color resulta de la superposición o de colocar juntas gotas de tinta semitransparente, de los colores cian (un azul brillante), magenta (un color rosa intenso), amarillo y negro, y su notación se corresponde con el valor en tanto por ciento de cada uno de estos colores.

De esta forma, un color cualquiera vendrá expresado en el sistema CMYK mediante la expresión (C,M,Y,K), en la que figuran los tantos por ciento que el color posee de los componentes básicos del sistema. Por ejemplo, (0,0,0,0) es blanco puro (el blanco del papel), mientras que (100,0,100,0) corresponde al color verde.

Los colores sustractivos son usados en pintura, imprenta y, en general, en todas aquellas composiciones en las que los colores se obtienen mediante la reflexión de la luz solar en mezclas de pigmentos (tintas, óleos, acuarelas, etc.). En estas composiciones se obtiene el color blanco mediante el uso de pigmentos de ese color (pintura) o usando un soporte de color blanco y dejando sin pintar las zonas de la composición que deban ser blancas (imprenta).

Los sistemas RGB, CMYK se encuentran relacionados, ya que los colores primarios de uno son los secundarios del otro (los colores secundarios son los obtenidos por mezcla directa de los primarios).

Otro modelos de definición del color es el modelo HSV, que define los colores en función de los valores de tres importantes atributos de estos, matiz, saturación y brillo.

El matiz (Hue) hace referencia al color como tal, por ejemplo el matiz de la sangre es rojo. La saturación o intensidad indica la concentración de color en el objeto. La saturación de rojo de una fresa es mayor que la del rojo de unos labios. Por su parte, el brillo (Value) denota la cantidad de claridad que tiene el color (tonalidad más o menos oscura). Cuando hablamos de brillo hacemos referencia al proceso mediante el cual se añade o se quita blanco a un color. Más adelante estudiaremos con detalle estos conceptos.

Por último, existen diferentes sistemas comerciales de definición de colores, siendo el más conocido de ellos el sistema Pantone.

Creado en 1963 y buscando un estándar para la comunicación y reproducción de colores en las artes gráficas, su nombre completo es Pantone Matching System, y se basa en la edición de una serie de catálogos sobre diversos sustratos (superficies a imprimir), que suministran una codificación estandarizada mediante un número de referencia y un color específico.

En el siguiente artículo te ampliaremos esta información haciendo un estudio sobre los tipos de color, tonalidades, fríos, calientes, claros, oscuros etc.

Luciano Moreno

Consultor, diseñador y desarrollador web en ParaRedeBJS. Especialista en usabill...

Manual