Antes de hablar del color digital es

necesario entender que el color, tal

c o m o l o p e r c i b i m o s , e x i s t e

solamente en nuestro cerebro y no

como entidad física en la naturaleza.

La visión del color es una respuesta

fisiológica de la retina al llegar la luz

al ojo y el procesamiento neurológico

de esta respuesta en el cerebro.

E l conocimiento que hemos

adquirido sobre el Color en la

escuela elemental, está referido al

color pigmento y proviene de las

enseñanzas de la antigua Academia

F r a n c e s a d e P i n t u r a q u e

consideraba como colores primarios

(aquellos que por mezcla producirán

todos los demás colores) al rojo, el

amarillo y el azul. Actualmente hay

dos sistemas de colores primarios:

colores primarios luz y colores

primarios pigmento.

Los colores producidos por luces

(en el monitor de la computadora, en

cine o televisión) tienen como

primario al rojo, el verde y el azul

(RGB – Red, Green, Blue) cuya

fusión recompone la luz blanca, por

eso a esta mezcla se la llama aditiva

y las mezclas parciales de estas

luces dan origen a la mayoría de los

colores del espectro visible.

Pa ra l os co l o res p r ima r i os

pigmento, se ha comprobado

experimentalmente que las mezclas

provenientes del magenta, cyan y

a m a r i l l o p r o d u c e n m e j o r e s

resultados a la hora de “fabricar” la

amplia gama del resto de los colores.

Son los colores básicos de las tintas

que se usan en la mayoría de los

sistemas de impresión, motivo por el

cual estos colores han desplazado

en la consideración de colores

primarios a los tradicionales.

La mezcla de los tres colores

primarios pigmento en teoría, deben

producir el negro, el color más

oscuro y de menor o nula cantidad de

luz, por lo cual esta mezcla es

conocida como sustractiva. En la

práctica el color así obtenido no es lo

suficientemente intenso, motivo por

el cual se le agrega negro pigmento

conformándose el espacio de color

CMYK (Cyan, Magenta, Yellow, Key

–Black- ).

Color Digital

Colores Luz. Colores pigmento.

Síntesis sustractiva del color

La síntesis sustractiva se utiliza en fotografía e imprenta. En estos medios, la imagen está formada por capas transparentes coloreadas cada una de ellas en uno de los tres colores sustractivos primarios: magenta (rojo azulado), cyan (azul verdoso) y amarillo (combinación de rojo y verde). La luz blanca que ilumina la imagen es una mezcla de luces roja, verde y azul. En este ejemplo no hay verde en zonas como el cielo o las alas; el verde se elimina de la luz blanca en estas partes por la acción del color magenta, presente en la capa que sustrae o bloquea el verde. Los otros colores se forman en las otras capas de la misma manera.(Imagen cortesía de Enciclopedia Microsoft ® Encarta ® 2002)

IMAGEN A TODO COLOR

CAPA MAGENTASUSTRAE EL VERDE

CAPA CYANSUSTRAE EL ROJO

CAPA AMARILLASUSTRAE EL AZUL

1

Por otro lado lo digital se

encuentra relacionado con

lo binario, una notación

numérica que entienden

solamente los ordenadores.

Cada píxel de una imagen

almacena la información de

su tono o luminosidad,

donde el tono negro es el

valor 0 y el blanco el valor

más alto (normalmente 255

en escala de grises), pero

en formato binario. En una

imagen en escala de grises

cada punto de la imagen se

a lmacena en un Byte,

donde su valor numérico

representa su tono, que

puede osci lar entre el

blanco (255) y el negro (0).

Esto quiere decir que es una

imagen donde existen 256

tonos de gris (de 0 a 255,

ambos inclusive). Es decir,

la profundidad de color es el

número de bits que definen

cada píxel, que determinan

e l máx imo número de

colores que puede tener.

S i c a d a p í x e l v i e n e

determinado por 2 Bytes

(=16 bits) en vez de por un

Byte, existirán 65.536 tonos

de gris, ya que el número

binario 1111111111111111

corresponde a 65.536. Es lo

que se denomina una

profundidad de color de 16

bits.

Entonces color digital es una representación numérica en la computadora, expresada en dispositivos de salida como puede ser un monitor o una impresora. El resultado de esta representación, lo interpretamos o percibimos como color. Estos colores están representados en la gama de colores luz (RGB). El color digital siempre se verá distinto al ser representado por distintos monitores y distintas impresoras ya que el pixel aparecerá en el monitor o la impresora según los valores interpretados de acuerdo a la gama de colores que tenga el dispositivo y en base a sus primarios particulares.

Color Digital2

Representaciónnumérica de los colores expresadaen Hexagecimales.

Una paleta es una colección de colores. Se utilizan

generalmente para pintar con un conjunto de colores

seleccionados, de la misma manera que un pintor al

óleo trabaja con los colores de un número limitado de

tubos. Tanto los programas de pintura como de dibujo

tienen un surtido de colores básicos o paleta de color

en forma de un cuadro que contiene pequeños

cuadrados de elementos de color, generalmente los

colores neutros, los primarios y los secundarios y

ningún color ( es decir “sin color” ). A esta paleta se le

puede añadir y sustraer colores fácilmente,

estableciendo una paleta personal que responda a

necesidades específicas.

La paleta de color también puede incluir bibliotecas

de color ya existentes como el Pantone©, Trumatch y

otras, que ofrecen cada una de ellas cientos de colores

premezclados con sus números de referencia. Se

pueden comprar muestras impresas de las bibliotecas

de color para comparar las visualizaciones en pantalla

con los resultados en papel.

A continuación unos ejemplos de paletas de colores.

Paleta de colores

Paleta de colores en Photoshop CS6

Paleta de colores en InDesign CS6

Paleta de colores en Corel DRAW X6

Paleta de colores en Microsoft Windows 7

Paleta de colores en Adobe Illustrator CS6

3

Modos del color

El modo de color expresa la cantidad máxima de datos de color que se

pueden almacenar en un determinado formato de archivo gráfico. Podemos

considerar el modo de color como el contenedor en que colocamos la

información sobre cada pixel de una imagen. Así, podemos guardar una cantidad

pequeña de datos de color en un contenedor muy grande, pero no podremos

almacenar una gran cantidad de datos de color en un contenedor muy pequeño.

Los principales modos de color utilizados en aplicaciones gráficas son:

Modo Bit Map o monocromático:

Correspondiente a una profundidad de color de 1 bit, ofrece una imagen

monocromática formada exclusivamente por los colores blanco y negro

puros, sin tonos intermedios entre ellos. Para convertir una imagen a

modo monocromático hay que pasarla antes a modo escala de grises.En

este modo no es posible trabajar con capas ni filtros.

Modo Escala de Grises:

Este modo maneja un solo canal (el negro) para trabajar con imágenes

monocromáticas de 256 tonos de gris, entre el blanco y el negro. El tono

de gris de cada píxel se puede obtener bien asignándole un valor de brillo

que va de 0 (negro) a 255 (blanco), bien como porcentajes de tinta negra

(0% es igual a blanco y 100% es igual a negro). Las imágenes producidas

con escáneres en blanco y negro o en escala de grises se visualizan

normalmente en el modo escala de grises.

Modo Color Indexado:

Solo canal de color (indexado) de 8 bits, por lo que sólo se puede obtener

con él un máximo de 256 colores. En este modo, la gama de colores de la

imagen se adecua a una paleta con un número restringido de ellos, por lo

que puede resultar útil para trabajar con algunos formatos que sólo

admiten la paleta de colores del sistema. También resulta útil reducir una

imágenes a color 8 bits para su utilización en aplicaciones multimedia, ya

que con ello se consiguen ficheros de menos peso.

En este ejemplo el león del logotipo del ISET se encuentra en Modo de Mapa Bit a 1 bit. No es posible trabajar con capas o filtros en esta imagen, habría que pasarla a modo escala de grises para poder trabajar con ella en un editor.

En este ejemplo el león del logotipo del ISET se encuentra en Modo escala de grises. Este modo admite cualquier formato de grabación, y salvo funciones de aplicación de color, todas las herramientas de los programas gráficos funcionan como lo hacen con otras que imágenes a color.

En este ejemplo el león del logotipo del ISET se encuentra en Modo idenxado a 8 bits en color, es decir que solo admite 256 colores. Su principal inconveniente es que la mayoría de las imágenes del mundo real se componen de más de 256 colores. Además,muchas de las herramientas de los principales programas gráficos no están operativas con una paleta de colores tan limitada.

Para tener en cuenta:

El modo de color determina el modelo de color que se utiliza para mostrar en pantalla e imprimir imágenes. El modelo de color determina la cantidad de colores que se puede mostrar.

4

BA

L

Modos del color

Modo Color RGB (del inglés Red, Green, Blue: rojo, verde y azul):

Trabaja con tres canales, ofreciendo una imagen tricromática compuesta

por los colores primarios de la luz, Rojo(R), Verde(G) y Azul(B), construida

con 8 bits/pixel por canal (24 bits en total). Con ello se consiguen imágenes

a todo color, con 16,7 millones de colores distintos disponibles, más de los

que el ojo humano es capaz de diferenciar.

Modo Color CMYK:

Trabaja con cuatro canales de 8 bits (32 bits de profundidad de color),

ofreciendo una imagen cuatricromática compuesta de los 4 colores

primarios para impresión: Cyan (C), Magenta (M), Amarillo(Y) y Negro (K).

Es un modelo de color sustractivo, en el que la suma de todos los colores

primarios produce teóricamente el negro, que proporciona imágenes a

todo color y admite cualquier formato de grabación, siendo el más

conveniente cuando se envía la imagen a una impresora de color especial

o cuando se desea separar los colores para la filmación o imprenta

(fotolitos).

Modo Color Lab:

Consiste en tres canales, cada uno de los cuales contiene hasta 256

tonalidades diferentes: un canal L de Luminosidad y dos canales

cromáticos, A (que oscila entre verde y rojo) y B (que oscila entre azul y

amarillo). El componente de luminosidad L va de 0 (negro) a 100 (blanco).

Los componentes A (eje rojo-verde) y B (eje azul-amarillo) van de +120 a -

120. Este modo permite cambiar la luminosidad de una imagen sin alterar

los valores de tono y saturación del color, siendo adecuado para transferir

imágenes de unos sistemas a otros, pues los valores cromáticos se

mantienen independientes del dispositivo de salida de la imagen. El

modelo de color Lab se basa en el modelo propuesto en 1931 por la CIE

(Commission Internationale d'Eclairage) como estándar internacional

para medir el color. En 1976, este modelo se perfeccionó y se denominó

CIE Lab.

En este ejemplo el león del logotipo del ISET se encuentra en Modo RGB. Este modo de imágenes se obtienen asignando un valor de intensidad a cada píxel, desde 0 (negro puro) a 255 (blanco puro) para cada uno de los componentes RGB.

En este ejemplo el león del logotipo del ISET se encuentra en Modo CYMK. Al trabajar con CYMK su principal inconveniente es que sólo es operativo en sistemas de impresión industrial y en las publicaciones de alta calidad, ya que, exceptuando los escáneres de tambor que se emplean en fotomecánica, el resto de los digitalizadores comerciales trabajan en modo RGB.

En este ejemplo el león del logotipo del ISET se encuentra en Modo Color Lab. El modelo de color Lab se basa en el modelo propuesto en 1931 por la CIE (Commission Internationale d'Eclairage) como estándar internacional para medir el color. En 1976, este modelo se perfeccionó y se denominó CIE Lab.

Canales Color Lab

5

Modos del color

Modo Duotono:

Modo de color que trabaja con imágenes en escala de grises, a las que se

le pueden añadir tintas planas (3 para cada imagen, más el negro), con el

fin de colorear distintas gamas de grises.Sólo posee un canal de color

(Duotono, Tritono o Cuatritono, dependiendo del número de tintas).Con

este método podemos obtener fotos en blanco y negro viradas al color que

queramos. Suele ser empleado en impresión, donde se usan dos o más

planchas para añadir riqueza y profundidad tonal a una imagen de escala

de grises.

Modo Multicanal:

Posee múltiples canales de 256 niveles de grises, descomponiendo la

imagen en tantos canales alfa como canales de color tuviera el original

(una imagen RGB quedará descompuesta en 3 canales y una CMYK en 4

canales).En este modo, cada tinta es un canal que a la hora de imprimir se

superpondrá en el orden que determinemos sobre los otros. Por ello, es

posible tratar cada zona de forma particularizada.

Modelo de color HSB:

El modelo HSB (o HSV, como se prefiera) deriva del espacio RGB y

representa los colores combinando tres valores: el tono en sí (H), la

saturación o cantidad de color (S) y el brillo del mismo (B). Estos valores

suelen representarse en un diagrama circular (principal uso de este

modelo). Estas tres magnitudes pueden tener los siguientes valores:

H (color en concreto). Valores de 0-360º.

La gama cromática se representa en una rueda circular y

este valor expresa su posición.

S (Saturación). Valores de 0-100%. De menos a más cantidad de

color.

B (Brillo). Valores de 0-100%. De totalmente oscuro a la máxima

luminosidad.

De esta forma, siguiendo con el ejemplo de antes, el color R164 G25 B25

se expresaría como H0 S85 B64 según el modelo HSB.

En este ejemplo el león del logotipo del ISET se encuentra en Modo Duotono (Negro y Amarillo). El problema que presenta este modo es que en los duotonos, tritonos y cuadritonos sólo hay un canal, por lo que no es posible tratar cada tinta de forma distinta según las zonas de la imagen.

En este ejemplo el león del logotipo del ISET se encuentra en Modo Multicanal. Al convertir una imagen en color a multicanal, la nueva información de escala de grises se basa en los valores de color de los píxeles de cada canal. Si la imagen estaba en modo CMYK, el modo multicanal crea canales de tinta plana cian, magenta, amarilla y negra. Si estaba en modo RGB, se crean canales de tinta plana cian, magenta y amarilla.

HSB

6

Modos del color

Código Hexadecimal de un color:

Otra forma de expresar un color en particular, o más propiamente de

identificarlo por un nombre único para él, es el código hexadecimal. De esta

forma, además de usar los valores RGB, CMYK, HSB o LAB, también puede

usarse su nombre hexadecimal para el mismo fin.

El código hexadecimal se expresa por una serie alfanumérica

(compuesta por números y letras) de 6 caracteres precedidos por el signo “#”.

Siguiendo con el ejemplo que hemos estado usando, el color R252 G249

B105 tendría el código hexadecimal #fcf9c4.

Estos 6 caracteres son en realidad 3 grupos de 2 (3 parejas). Cada pareja

corresponde a un color básico RGB (rojo, verde y azul, respectivamente):

#RRGGBB (= #RRVVAA)

Un código hexadecimal puede tener números del 0-9 y letras de A-F. El negro

sería #000000 y el blanco #FFFFFF.

Usos del código hexadecimal:

Se usa sobre todo (aunque no únicamente) en las páginas web. Debido a ello

muchas veces se le conoce directamente por código HTML del color.

Nuestro navegador (Internet Explorer, Firefox, Chrome, etc…) lee estos

códigos presentes en las páginas de internet y representa los colores en

pantalla. Tanto el citado lenguaje HTML como los estilos CSS y el lenguaje de

programación JavaScript pueden usar códigos hexadecimales para indicar

colores al navegador.

Es importante saber que cada navegador puede representar el código un

poco a su manera. Afortunadamente existen los denominados colores

seguros, que se representarán igual en todos los navegadores.

Los colores seguros con 216, con ellos se tendrá la certeza de que se mostrarán exactamente como él los ve al construir la página.

7

Modelos de color

Los modelos de color describen los colores que se

ven en las imágenes digitales y con los que se trabaja.

Cada modelo de color como, por ejemplo, RGB, CMYK

o HSB representa un método diferente (por lo general,

numérico) de descripción de los colores.

Permiten, no sólo establecer un espacio único común

a todos los equipos que forman parte de la cadena de

adquisición y reproducción de color, sino que también

permiten simular cómo lucirá la imagen y su color en

otro dispositivo de la cadena; así por ejemplo,

podemos ver en la pantalla del computador cómo

saldrá la imagen impresa en el papel, después de que

haya pasado por las tintas que se usan normalmente

en prensa y con diferentes papeles, permitiendo un

trabajo de edición de imagen y color mucho más

sencilla y fiel a los resultados finales.

Modelo RGBRGB es el modelo de síntesis aditiva del color, o color luz. Este es el modelo de definición de colores usado en trabajos digitales.

Modelo CMYKCMYK corresponde a la síntesis sustractiva o color pigmento. Este modelo se aplica a medios impresos, en cuatricromía.

Modelo HSBOtro modelo de definición del color es el modelo HSV, también llamado HSB que se basa en la percepción humana del color.

Árbol de MunsellEl logro de Munsell fue advertir que, dado que en estado puro unos colores son más saturados que otros, las relaciones se distorsionan cuando el espectro se representa en una forma regular.

Modelo NCSEl modelo Natural Color System (NCS) fue desarrollado por el Instituto Escandinavo del Color (Skandinaviska Färginstitutet AB) de Estocolmo, en 1960.

Modelo RYBEl modelo de color “del pintor” o RYB (Red, Yellow, Blue = Rojo, amarillo, azul ) es un modelo de síntesis sustractiva de color al igual que el modelo CMYK.

Modelo CIEEl modelo CIE XYZ y el modelo CIE LAB. La CIE (Commission Internationale de l’Eclairage) propuso este modelo en 1931 como estándar de medida.

Sistema PANTONEPANTONE Inc. es una empresa con sede en Carlstadt, Nueva Jersey (Estados Unidos), creadora de un sistema de control de color para las artes gráficas.

8

Ilustración hecha con sistema PANTONE

Espacios de colorAl igual que nuestro ojo es incapaz

de ve r zonas de l espec t ro

electromagnético, los dispositivos

que habitualmente utilizamos para

manipular y presentar nuestras

producciones tales como pantallas

de televisión u ordenador e

impresoras son incapaces de

representar el espectro de luz

visible.Existen diferentes espacios

de color y cada uno de ellos tiene

capacidades de representación

distintas, con mayor o menor

limitación de la gama de colores

que puede mostrar cada uno.

Un espacio de color es una

variante de un modelo de color que

tiene una gama (rango) específica

de colores. Por ejemplo, en el

modelo de color RGB hay un

número de espacios de color:

Adobe® RGB, sRGB y Apple®

RGB. Aunque estos espacios

definen el color en los mismos tres

ejes (R, G y B), sus gamas son

diferentes.

Cuando se trabaja con los colores

de un gráfico, en realidad se están

ajustando los valores numéricos

del archivo. Es fácil pensar en un

color como un número, pero estos

valores numéricos no son colores

a b s o l u t o s : s ó l o t i e n e n u n

significado de color dentro del

espacio de color del dispositivo que

lo está produciendo.

Como cada dispositivo tiene su

propio espacio de color, sólo puede

reproducir los colores de su gama.

Cuando una imagen pasa de un

dispositivo a otro, sus colores

pueden cambiar porque cada

dispositivo interpreta los valores

RGB o HSB según su propio

espacio de color. Por ejemplo, es

imposible que todos los colores

que se ven en un monitor sean

idénticos a los impresos en una

impresora de escritorio. Una

impresora funciona en un espacio

de color CMYK, mientras que un

monitor lo hace en un espacio de

color RGB. Sus gamas son

d i fe rentes . A lgunos co lores

producidos por tintas no se pueden

mostrar en un monitor, así como

algunos colores que se muestran

en un monitor no se pueden

reproducir mediante el uso de

tintas en papel.

Existen espacios de color de:

Una dimensión: escala de grises, escala Jet, etc.

Dos dimensiones: sub-espacio rg, sub-espacio xy, etc.

Tres dimensiones: espacio RGB, HSV, YCbCr, YUV, YI'Q', etc.

Cuatro dimensiones: espacio CMYK.

De los cuales, los espacios de color de tres dimensiones son los más extendidos y los más utilizados. Entonces, un color se especifica usando tres coordenadas, o atributos, que representan su posición dentro de un espacio de color específico. Estas coordenadas no nos dicen cuál es el color, sino que muestran dónde se encuentra un color dentro de un espacio de color en particular.

Cubo de Color RGBRepresentación de los colores CMYK

9

BibliografíaDígito: http://es.wikipedia.org/wiki/Cifra_(matem%C3%A1tica)

Color: http://es.wikipedia.org/wiki/Color

Color: http://www.slideshare.net/marioquiroz11/7el-color-digital

Color digital: http://teoriadelcolor.lacoctelera.net/post/2009/05/25/color-digital

Paleta de colores: http://serdis.dis.ulpgc.es/~ii-dgc/David/Color/color.html

Paleta de colores: http://docs.gimp.org/es/gimp-concepts-palettes.html

Modos: http://diseniomaticaiset.blogspot.com.ar/2010/05/modos-espacios-y-modelos-de-color.html

Digital: http://es.wikipedia.org/wiki/Circuito_digital

Binario: http://es.wikipedia.org/wiki/Binaria

Pixel: http://en.wikipedia.org/wiki/Pixel

Color: http://dc108.4shared.com/doc/oGAGjvps/preview.html

Imagen del círculo cromático: http://lafotografiadigital.files.wordpress.com/2010/08/ruedacolor-pigmento.gif

Canales color lab: http://www.desarrolloweb.com/articulos/1778.php

Logotipo iset: http://4.bp.blogspot.com/_W77CKeYND-w/Sp8NScBJHSI/AAAAAAAAADg/w3CI17CS7K0/s320/logoISET.jpg

Modos de color: http://www.desarrolloweb.com/articulos/1778.php

Modelos de color HSV: http://www.comunicacion-multimedia.info/2010/05/modos-o-modelos-de-color-hsb-o-hsv-y.html

Grilla de colores representadas en pantone: http://blog.pantone.com/2012/04/reinventing-the-color-wheel/

Modelos de color: http://www.proyectacolor.cl/aplicacion-del-color/modelos-de-color/

Espacios del color: http://help.adobe.com/es_ES/flash/cs/using/WS18B74DFC-C9B7-47c1-8B25-B4F196059B7C.html

Espacio de colores: http://es.wikipedia.org/wiki/Teor%C3%ADa_del_color#Espacios_de_colores

Cubo de color RGB http://commons.wikimedia.org/wiki/File:RGB_farbwuerfel.jpg?uselang=es

Representación de colores CMYK: http://commons.wikimedia.org/wiki/File:CMYK_farbwuerfel.jpg?uselang=es

Colores digitales en hexagecimal: http://www.mikesclark.com/web_management/color_codes-hex.gif

*Las imágenes que no se encuentran especificadas en la bibliografía son de autoría propia.

10