Todo sobre el color... bueno... casi todo.

(1)

Todo sobre el color... bueno... casi todo.

Recopilación hecha por Teresita de Jesús Herrera Alcántara.

1. Teoría del color.

Empezaremos diciendo que el color en sí no existe, no es una característica del objeto, es más bien una apreciación subjetiva nuestra. Por tanto, podemos definirlo como, una sensación que se produce en respuesta a la estimulación del ojo y de sus mecanismos nerviosos, por la energía luminosa de ciertas longitudes de onda.

El color es pues un hecho de la visión que resulta de las diferencias de percepciones del ojo a distintas longitudes de onda que componen lo que se denomina el "espectro" de luz blanca reflejada en una hoja de papel. Estas ondas visibles son aquellas cuya longitud de onda está comprendida entre los 400 y los 700 nanómetros; más allá de estos límites siguen existiendo radiaciones, pero ya no son percibidos por nuestra vista.

Lo que ocurre cuando percibimos un objeto de un determinado color, es que la

superficie de ese objeto refleja una parte del espectro de luz blanca que recibe y absorbe las demás. La luz blanca está formada por tres colores básicos: rojo intenso, verde y azul violeta. Por ejemplo, en el caso de objeto de color rojo, éste absorbe el verde y el azul, y refleja el resto de la luz que es interpretado por nuestra retina como color rojo.

Este fenómeno fue descubierto en 1666 por Isaac Newton, que observó que cuando un haz de luz blanca traspasaba un prisma de cristal, dicho haz se dividía en un espectro de colores idéntico al del arco iris: rojo, anaranjado, amarillo, verde, azul, añil y violeta.

En las artes gráficas tenemos dos grandes categorías con respecto al color, imagen en

color e imagen en blanco y negro, en éstas últimas podemos diferenciar: - imágenes a

pluma. - imágenes tramadas: mediante diferentes tipos de gris. Asimismo, las imágenes

en color se pueden dividir en dos categorías: - colores planos: manchas uniformes de

color. - degradados, también tramadas. El color es un elemento básico a la hora de

elaborar un mensaje visual. Muchas veces, el color no es un simple atributo que recubre

la forma de las cosas en busca de la fidelidad reproducida. A pesar de que, sin el color la

forma permanece, con frecuencia el Mensajes es, precisamente, el Color, o lo que sólo

puede expresarse por el Color.

(2)

Más allá de la mera identificación o asociación, el color también se puede emplear para crear experiencias. El publicista representa el producto en su anuncio mediante la forma, pero añade las cualidades del color. El color puede llegar a ser la traducción visual de nuestros sentidos, o despertar éstos mediante la gama de colores utilizados. Podremos dar sensación de frío, de apetecible, de rugoso, de limpio...

El color está presente en todos los aspectos de la identidad empresarial y de marca. En la identidad, las empresas pueden hacer que el color sea el principal elemento de su identidad utilizando un único color o una paleta de colores como parte de su identidad visual. Si el color se emplea uniformemente en una serie de elementos de la identidad, se termina convirtiendo en la rúbrica de la empresa.

Aprender a ver el color y obtener una interpretación de sus propiedades inherentes ha de ser el punto de partida si deseamos realizar un tratamiento eficaz de éste en las distintas aplicaciones gráficas que hagamos. Podemos establecer diversas clasificaciones de color. Por ejemplo esta clasificación de "Grafismo Funcional" (Abraham Moles/ Luc Janiszewski):

1. Los policromos, o gama cromática. Compuesto por colores diversos que encuentran su unidad en la común saturación de los colores.

2. Los camafeos, o matizaciones alrededor de una coloración principal. Pueden haber tantos camafeos como colores. No obstante, cabe distinguir en primer lugar el camafeo cálido (compuesto de tonos que giran alrededor del rojo y del naranja) del camafeo frío (compuesto por tonos alrededor del azul cyan y del verde).

3. Los agrisados, que comportan colores variados muy cercanos al blanco (tonos pastel) o al negro (tonos oscuros) o al gris (tonos quebrados).

4. Los neutros, que componen un conjunto únicamente blanco y negro o que pueden comprender grises escalonados.

El ojo humano puede distinguir entre 10.000 colores. Se pueden además emplear tres dimensiones físicas del color para relacionar experiencias de percepción con

propiedades materiales: saturación, brillantez y tono.

Nos sirve para observar la organización básica y la interrelación de los colores. También

lo podemos emplear como forma para hacer la selección de color que nos parezca

adecuada a nuestro diseño. Podemos encontrar diversos círculos de color, pero el que

aquí vemos está compuesto de 12 colores básicos.

(3)

2. Color: Colores Primarios.

Los tonos secundarios se obtienen al mezclar partes iguales de dos primarios; los tonos terciarios se consiguen al mezclar partes iguales de un tono primario y de un secundario adyacente. Los primarios son colores que se consideran absolutos y que no pueden crearse mediante la mezcla de otros colores. Sin embargo, mezclar los primarios en diversas combinaciones crea un número infinito de colores. Dependiendo de qué ámbito, podemos encontrar tres juegos de colores primarios:

1. Los artistas y diseñadores parten de un juego formado por el rojo, el amarillo y el azul. Mezclando pigmentos de éstos colores pueden obtenerse todos los demás tonos.

2. El segundo juego de primarios es el del rojo, verde y el azul, conocidos como primarios aditivos. Son los primarios de la luz y se utilizan en el campo de la ciencia o en la formación de imágenes de monitores. Si se mezclan en distintos tantos por ciento, forman otros colores y si lo hacen en cantidades iguales producen la luz blanca.

3. El tercer juego se compone de magenta, amarillo y cyan. Se tratan de los primarios sustractivos y son los empleados por los impresores. En imprenta, la separación de colores se realiza utilizando filtros para restar luz de los primarios aditivos, con lo que se obtienen los colores de impresión por proceso

sustractivo.

El tono: Es el matiz del color, es decir el color en sí mismo, supone su cualidad cromática, es -simplemente- un sinónimo de color. Es la cualidad que define la mezcla de un color con blanco y negro. Está relacionado con la longitud de onda de su

radiación. Según su tonalidad se puede decir que un color es rojo, amarillo, verde...

Aquí podemos hacer una división entre:

tonos cálidos (rojo, amarillo y anaranjados). Aquellos que asociamos con la luz solar, el fuego...

y tonos fríos (azul y verde). Los colores fríos son aquellos que asociamos con el agua, la luz de la luna ...

Los términos "cálido" y "frío" se utilizan para calificar a aquellos tonos que connotan dichas cualidades; éstos términos se designan por lo que denominamos "temperatura de color". Las diferencias entre los colores cálidos y los fríos pueden ser muy sutiles. Por ejemplo, el papel blanco puede parecer más cálido o más frío por una leve presencia de rojo o azul. Lo mismo ocurre con el gris y el negro.

La brillantez: Tiene que ver con la intensidad o el nivel de energía. Es la luminosidad

de un color (la capacidad de reflejar el blanco), es decir, el brillo. Alude a la claridad u

(4)

En general, con los tonos puros que tienen un valor más luminoso (amarillo, naranja, verde) se consiguen las mejores variantes claras, mientras que los tonos puros que tienen normalmente un valor normalmente menos luminoso (rojo, azul, violeta) ofrecen las mejores variantes oscuras.

La saturación: Está relacionada con la pureza cromática o falta de dilución con el blanco. Constituye la pureza del color respecto al gris, y depende de la cantidad de blanco presente. Cuanto más saturado está un color, más puro es y menos mezcla de gris posee.

Dentro encontramos el negro, que se produce gracias a la mezcla de todos ellos.

En este círculo cromático podemos encontrar:

los colores primarios: rojo, azul y amarillo;

los secundarios: verde, violeta y naranja;

y los terciarios: rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo

verdoso, azul verdoso y azul violáceo.

(5)

(6)

3. El manejo de los códigos de color en Corel DRAW!

¿Por qué es tan importante el cuidar los colores?

Si nos fijamos un poco, notaremos que muchos logotipos o empaques se parecen en los colores y formas cuando se trata de productos similares. Por ejemplo, muchos jabones y productos para limpieza usan el verde y el azul para dar frescura, mientras varios de los empaques de panes y productos comestibles se visten de colores beige y café (no quiere decir esto que siempre sea así).

A lo que me refiero es que se han venido creando combinaciones de ciertos tonos de colores para ciertos tipos de productos. Por eso es tan importante el manejo del color, para dar con nuestros diseños el mensaje más adecuado.

¿Cómo puedo hacer para que en cualquier lugar sepan exactamente qué color estoy representando en mi diseño?.

Corel Draw afortunadamente se ha preocupado por incluír paletas de colores con validez internacional, como los colores "Pantone® o Trumatch®, que nos permiten comparar una muestra impresa de sus catálogos con los colores que se representan en nuestro propio equipo digital.

¿Dónde elijo las paletas de color?, el aspecto técnico.

En el menú principal, en "ventana" se despliega el sub menú de "paleta de color", ahí es donde se pueden elegir estas paletas.

Al desplegar ese menú tenemos paletas para todo tipo de aplicaciones. Algunas de estas son: "RGB" (si estamos diseñando una presentación multimedia para proyector, pantalla o televisor), "CMYK" (si nuestro diseño es para imprentas y manejamos fotografías en colores, por ejemplo), "WEB", (si diseñamos para un sitio de internet ) "PANTONE MATCHING*" (si tenemos un muestrario impreso de esta compañía y queremos manejar un color exactamente igual siempre y en todas las impresiones, ya sea en papel, textil, plástico, etc.). Lo importante de esto es saber elegir el tipo de paleta adecuado a cada uso que daremos a nuestro trabajo.

Jugando con el color, el aspecto creativo.

Al crear estas imagenes, yo manejé la paleta de color para web, para estar seguro de la forma más aproximada que ustedes están viéndolas en su pantalla ahora.

A continuación manejemos la misma figura, pero con diferentes combinaciones y

veamos cómo cambia su significado.

(7)

En este caso, la figura nos da la sensación del cine mudo o la TV en blanco y negro.

La misma figura, pero con la personalidad de una goma de mascar.

Nuestra figura se convierte ahora en un delicioso chocolate.

Podría también representar una institución bancaria tradicional.

O bien un señalamiento de tránsito.

(8)

Y hasta el escudo de un superhéroe.

La misma figura se vió modificada radicalmente con el uso del color. De todo esto podemos ver que el manejo del color es importante tanto en el aspecto técnico como en el creativo. No descuidemos ninguno de los dos.

Paleta de colores

Aquí tienes los 256 colores de una paleta estandar con sus respectivos códigos html. Por si te sirve de ayuda para tu página web.

000000 003300 006600 009900 00CC00 00FF00

000033 003333 006633 009933 00CC33 00FF33

000066 003366 006666 009966 00CC66 00FF66

000099 003399 006699 009999 00CC99 00FF99

0000CC 0033CC 0066CC 0099CC 00CCCC 00FFCC

0000FF 0033FF 0066FF 0099FF 00CCFF 00FFFF

330000 333300 336600 339900 33CC00 33FF00

330033 333333 336633 339933 33CC33 33FF33

330066 333366 336666 339966 33CC66 33FF66

330099 333399 336699 339999 33CC99 33FF99

660000 663300 666600 669900 66CC00 66FF00

660033 663333 666633 669933 66CC33 66FF33

660066 663366 666666 669966 66CC66 66FF66

660099 663399 666699 669999 66CC99 66FF99

990000 993300 996600 999900 99CC00 99FF00

990033 993333 996633 999933 99CC33 99FF33

990066 993366 996666 999966 99CC66 99FF66

990099 993399 996699 999999 99CC99 99FF99

CC0000 CC3300 CC6600 CC9900 CCCC00 CCFF00

CC00CC CC33CC CC66CC CC99CC CCCCCC CCFFCC

(9)

CC00FF CC33FF CC66FF CC99FF CCCCFF CCFFFF

FF0000 FF3300 FF6600 FF9900 FFCC00 FFFF00

FF00CC FF33CC FF66CC FF99CC FFCCCC FFFFCC

FF00FF FF33FF FF66FF FF99FF FFCCFF FFFFFF

Paleta de Colores Web (RBG)

El modelo RGB requiere de 24 bits para describir el color de cada pixel en la pantalla y el total de combinaciones posibles mediante este modelo es exactamente de 16.777.216 colores. Aunque cualquier monitor a color puede mostrar todos estos tonos, por razones de economía algunas computadoras usan un sistema de sólo 8 bits conformando así una paleta de 256 colores (tomados de esos 16 millones posibles).

En un monitor capaz de mostrar solamente 256 colores, aquellos tonos presentes en una imagen que no se encuentran en la paleta del sistema son simulados por combinación de pixeles (técnica que se conoce como dithering). Por eso, en la medida de lo posible, es conveniente seleccionar para nuestras páginas colores que puedan ser visualizados correctamente en estos sistemas.

El inconveniente es la diferencia entre los colores definidos en la paleta de Windows y la de Mac. Ambos sistemas tienen solamente algunos colores en común, que son usados por Netscape y otros navegadores. Estos colores en común conforman la paleta Web o paleta segura (safety palette).

Esta paleta segura tiene como característica estar basada en los valores RGB con incrementos de 20% entre cada valor, por lo que resulta un total de 216 colores.

HEXADECIMAL DECIMAL PORCENTAJES

00 00 0%

33 51 20%

66 102 40%

99 153 60%

CC 204 80%

FF 255 100%

(10)

Muestra del color #RRGGBB Muestra del color #RRGGBB

#000000 #990000

#000033 #990033

#000066 #990066

#000099 #990099

#0000CC #9900CC

#0000FF #9900FF

#003300 #993300

#003333 #993333

#003366 #993366

#003399 #993399

#0033CC #09933CC

#0033FF #9933FF

#006600 #996600

#006633 #996633

#006666 #996666

#006699 #996699

#0066CC #9966CC

#0066FF #9966FF

#009900 #999900

#009933 #999933

#009966 #999966

#009999 #999999

#0099CC #9999CC

#0099FF #9999FF

#00CC00 #99CC00

#00CC33 #99CC33

#00CC66 #99CC66

#00CC99 #99CC99

#00CCCC #99CCCC

#00CCFF #99CCFF

#00FF00 #99FF00

#00FF33 #99FF33

#00FF66 #99FF66

#00FF99 #99FF99

#00FFCC #99FFCC

#00FFFF #99FFFF

#330000 #CC0000

#330033 #CC0033

#330066 #CC0066

#330099 #CC0099

#3300CC #CC00CC

#3300FF #CC00FF

#333300 #CC3300

(11)

#333333 #CC3333

#333366 #CC3366

#333399 #CC3399

#3333CC #CC33CC

#3333FF #CC33FF

#336600 #CC6600

#336633 #CC6633

#336666 #CC6666

#336699 #CC6699

#3366CC #CC66CC

#3366FF #CC66FF

#339900 #CC9900

#339933 #CC9933

#339966 #CC9966

#339999 #CC9999

#3399CC #CC99CC

#3399FF #CC99FF

#33CC00 #CCCC00

#33CC33 #CCCC33

#33CC66 #CCCC66

#33CC99 #CCCC99

#33CCCC #CCCCCC

#33CCFF #CCCCFF

#33FF00 #CCFF00

#33FF33 #CCFF33

#33FF66 #CCFF66

#33FF99 #CCFF99

#33FFCC #CCFFCC

#33FFFF #CCFFFF

#660000 #FF0000

#660033 #FF0033

#660066 #FF0066

#660099 #FF0099

#6600CC #FF00CC

#6600FF #FF00FF

#663300 #FF3300

#663333 #FF3333

#663366 #FF3366

#663399 #FF3399

(12)

#6666CC #FF66CC

#6666FF #FF66FF

#669900 #FF9900

#669933 #FF9933

#669966 #FF9966

#669999 #FF9999

#6699CC #FF99CC

#6699FF #FF99FF

#66CC00 #FFCC00

#66CC33 #FFCC33

#66CC66 #FFCC66

#66CC99 #FFCC99

#66CCCC #FFCCCC

#66CCFF #FFCCFF

#66FF00 #FFFF00

#66FF33 #FFFF33

#66FF66 #FFFF66

#66FF99 #FFFF99

#66FFCC #FFFFCC

#66FFFF #FFFFFF

(13)

4. Tipo de paleta.

Hay disponibles varios tipos de paletas para convertir una imagen a color indexado. En las opciones Perceptual, Selectiva y Adaptable se puede optar entre utilizar una paleta local basada en los colores de la imagen actual o una paleta maestra creada en

ImageReady.

Exacta. Crea una paleta utilizando los colores exactos que aparecen en la imagen RGB; opción disponible sólo si la imagen usa 256 colores o menos.

Puesto que la paleta de la imagen contiene todos los colores de la imagen, no hay ningún tramado.

Sistema (Mac OS). Usa la paleta de 8 bits por defecto del sistema Mac OS, que se basa en un muestreo uniforme de los colores.

Sistema (Windows). Usa la paleta de 8 bits por defecto del sistema Windows, que se basa en un muestreo uniforme de los colores.

Web. Usa la paleta de 216 colores que los navegadores Web, con independencia de la plataforma, usan para mostrar imágenes en un monitor de 256 colores. Esta paleta es un subconjunto de la paleta de 8 bits de Mac OS. Utilice esta opción para evitar los tramados del navegador al ver las imágenes en la pantalla de un monitor de 256 colores.

Uniforme. Crea una paleta realizando un muestreo uniforme de los colores del cubo de colores RGB. Por ejemplo, si Photoshop toma 6 niveles de color distribuidos uniformemente para el rojo, el verde y el azul, la combinación genera una paleta uniforme de 216 colores (6 elevado al cubo = 6 x 6 x 6 = 216).

La cantidad total de colores que se muestran en una imagen corresponde al cubo perfecto más aproximado (8, 27, 64, 125 o 216) que es inferior al valor del cuadro de texto Colores.

Perceptual. Crea una paleta personalizada dando prioridad a los colores más sensibles para el ojo humano.

Selectiva. Crea una tabla de colores similar a la tabla de colores Perceptual, pero favorece amplias áreas de color y protege los colores Web. Normalmente, esta opción genera imágenes con la máxima integridad de los colores.

Adaptable. Crea una paleta realizando un muestreo de los colores del espectro que aparecen con más frecuencia en la imagen. Por ejemplo, una imagen RGB con sólo los colores verde y azul genera una paleta principalmente de verdes y azules. La mayoría de las imágenes concentran los colores en áreas determinadas del espectro. Para controlar una paleta con más exactitud, seleccione primero una parte de la imagen que contenga los colores que desea enfatizar. Photoshop carga la conversión hacia estos colores.

Personalizar. Crea una paleta personalizada usando el cuadro de diálogo Tabla de color. Edite la tabla de color y guárdela para usos posteriores o bien haga clic en Cargar para cargar una tabla de color creada anteriormente. (Consulte

Personalizar las tablas de colores indexados (Photoshop). Esta opción también

(14)

Incluir colores y especificar transparencia

Para especificar los colores que se deben incluir en la tabla de colores indexados o para especificar la transparencia de la imagen, elija entre las siguientes opciones:

Forzado. Proporciona opciones para forzar la inclusión de algunos colores de la tabla de colores. Blanco y negro añade un blanco puro y un negro puro a la tabla de colores; Primarios añade rojo, verde, azul, cian, magenta, amarillo, negro y blanco; Web añade los 216 colores compatibles con Internet y Personalizar permite definir los colores personalizados que se añaden.

Transparencia. Especifica si se mantienen las áreas transparentes de la imagen durante la conversión. Si selecciona esta opción, se añade una entrada de índice especial en la tabla de color para los colores transparentes. Si deselecciona esta opción, las áreas transparentes se rellenan con el color mate, o con blanco si no ha elegido ningún color mate.

Mate. Especifica el color de fondo que se usa para rellenar bordes suavizados que se encuentran adyacentes a las áreas transparentes de la imagen. Si la opción Transparencia está activada, esta máscara se aplica a las áreas del borde para facilitar la mezcla de los bordes con un fondo Web del mismo color. Si está desactivada, se aplica a las áreas transparentes. Si elige Ninguno, se crea una transparencia con bordes duros si ha seleccionado Transparencia; en caso contrario, todas las áreas transparentes se rellenan con 100% de blanco.

Paleta de colores para gráficos.

Creo que la imagen se explica por si misma: estas tartas contienen colores y mezclas que

podemos utilizar cuando queremos mostrar un cuadro de datos u otros elementos en una página

(15)

web.

Color binario.

La luz proveniente del Sol es descompuesta una vez que llega a los objetos, siendo reflejados solo algunos de estos rayos. Mediante este proceso físico el hombre recibe cierta información en sus ojos, que el cerebro posteriormente decodificará dando origen al color.

Las computadoras deben reproducir este método de emisión y reflexión de la luz para generar colores en un mundo virtual. El principio permanece constante, pero la mecánica del proceso es totalmente disímil. El espectro entero de color es emulado a partir de tres colores primarios luz (rojo, verde y azul) que se mezclan en sentidos, posiciones, cantidades e intensidades diferentes.

Monitores

El monitor consta de 4 partes esenciales para garantizar su actividad: Tres cañones de emisión

de luz (uno rojo, uno verde y azul el tercero). Una “caja negra” contenedora de luz. Una pantalla

recubierta por pequeños puntos fluorescentes. Una placa de video

(16)

Cada cañón es inducido a emitir un rayo de electrones con dirección a la pantalla, mientras que la caja negra se encarga de que estos no pierdan intensidad durante el recorrido. Una vez allí, se produce una reacción química que provoca la fluorescencia de los puntos alojados en la

pantalla.

La intensidad del destello de estos puntos (la pureza final del color) esta indicada por impulsos eléctricos surgidos en los tres cañones. Dependiendo de esta fuerza, el punto se volverá mas o menos rojo (o verde, o azul) y generara las distintas variaciones de tonalidades de ese color.

La cercanía de los puntos fluorescentes y las distintas intensidades con los que brillan da origen a que nuestro cerebro perciba todo el espectro de colores.

La placa de video es la que determina cuántos colores realmente voy a poder ver, ya que aloja la memoria que permite el redibujado de cada pantalla. Cuanto mas capacidad tiene dicha placa (cuantos más MB tiene, mayor va a ser la cantidad de colores que voy a poder visualizar). Este concepto esta relacionado directamente con la Profundidad de Color, que se vera en los capítulos siguientes.

El principio se mantiene constante... con solo tres puntos primarios, variando su cantidad e intensidad, logro que el hombre perciba y distinga todos los colores.

Representación del color.

Términos humanos como “rojo”, “rojo fuerte”, “rojo cereza” o “rojo fuego” no son lo

suficientemente adecuados como para señalar las diferencias entre colores. Ni siquiera existen términos concretos para asignar un nombre a cada uno de los colores. Por ello, las computadoras representan a cada variación del color con números.

La fuente de emisión de luz del monitor, como ya se menciono anteriormente, cuenta con 3 dispositivos que generan los 3 colores primarios luz. La combinación de estos colores se determina con 3 valores, cada uno de los cuales ofrece 256 (de 0a 255) posibilidades de

intensidad de rojo, verde o azul. Estas 256 posibilidades parten de la premisa que el ojo humano puede captar un máximo de 256 variaciones tonales de un mismo color.

De esta manera, el monitor representa el rojo (en su estado “puro”) con la siguiente notación:

255, 0, 0. El primer valor corresponde al canal de color rojo; los dos restantes al verde y azul.

Los restantes colores del espectro se describen con diferentes valores en cada uno de los

canales.

(17)

Colores espaciales

La manera más sencilla de asignar números a los colores es tomar a cada uno de ellos y darles un código alfanumérico. Sin embargo, el problema de esto reside en que no hay una relación directa entre los valores y el color dado; no hay manera de saber a través del código de que color se trata, excepto teniendo a mi lado un catálogo. Este es el caso de los modelos

PANTONE y TOYO, donde cada color recibe una denominación formada por la combinación de 3 letras y 3 números. Por ejemplo, el “PMS 186” es la denominación que surgió para indicar uno de los rojos. En ningún lado me esta dando indicios como para saber de que valores proviene su mezcla... no tengo la mas remota idea de que color se trata. La única solución es tener el catalogo de consulta a mi lado.

Estos 2 modelos de color espacial son muy importantes a la hora de tener que crear un color que no pueda ser modificado bajo ningún motivo. Es el ejemplo de la creación de logotipos, donde se elige un color por catalogo, y donde por mas que la reproducción en pantalla del mismo no sea fidedigna, se garantiza que el color de su impresión permanecerá inalterada.

Modelos RGB y CMYK

Dos maneras mas conocidas de representar el color. El RGB (red, green, blue) es el mecanismo por el que el ordenador “lee” los valores de los colores ingresados. Es el modelo de color inherente a las maquinas. Sea como sea definido el color, debe pasar por valores RGB para que los cañones del monitor puedan reflejarlos en la pantalla.

El modelo CMY (cyan, magenta, yellow) se basa en una representación del color por un método sustractivo. Contrariamente a lo que sucede con el RGB, este modelo parte de la presencia total de luz (blanco) y va sustrayendo colores para formar todo el espectro (recordemos que el blanco es la concurrencia de todos los colores y el negro es la ausencia de los mismos). El modelo CMYK es el utilizado por las imprentas para volcar la

información al papel (blanco).

El modelo RGB parte del monitor en negro (ausencia de color) y los colores se suman hasta llegar a su valor máximo 255, 255,255 que es el blanco.

A partir de esto, surge que ambos modelos son opuestos y sus colores son complementarios, tal

cual se observa en el grafico.

(18)

La suma de un canal mas al CMY (denominado canal K black, key) se debe a que de forma ideal, todos los colores son reproducibles en papel. La practica concluyo con la necesidad de generar una tinta extra de color negro para reemplazar al marrón oscuro que se obtenía a partir de la combinación de las tintas cyan, magenta y yellow.

Modelos HSL y HSB

Estos dos modelos corresponden a la representación de los colores a través de un índice de hue, otro de saturación y un último de luminosidad o brillo. “Hue” corresponde a la rotación y posición que se le asigna dentro del círculo cromático, “Saturación” corresponde al grado de pureza del color y el “Brillo” a su grado de claridad. Estos tres canales (HSB) sirven tan solo como medio para que el usuario maneje mas fácilmente la información del color. Sirve para que

“comprenda mejor” cuales son los resultados que se van a obtener digitando distintos valores en cada canal.

Estos modelos son una especie de reestructuración del modelo RGB; se basan en el aparato de percepción y descomposición de la información del hombre. Son una copia “mas real” de la practica de captación del color. Sin embargo, sus resultados son previamente pasados a canales RGB para que dicha información pueda ser reproducida y representada.

Colores Indexados (paletas)

La propiedad de estos colores es que cada uno de ellos está determinado por un número

(coordenada) que reemplaza sus valores RGB. Con esto, se desprende que un color con valores

240, 180, 30 puede simplificarse en un numero 1 (o 2, o 3 o...). Una paleta de color indexada me

permite elegir 256 diferentes colores (cualquiera sean ellos) y definirlos a cada uno por un único

valor. Este único valor reemplazara a la información de los canales RGB cada vez que el color

resultante aparezca en una imagen:

(19)

Las paletas de colores me permiten acotar significativamente el espacio necesario para redibujar una pantalla, haciendo todos los procesos mas rápidos. Es la manera mas recomendada para reproducir figuras “simples” (con poca variación de color) en la WEB.

Cuando se trata de la necesidad de reproducir una fotografía u otra imagen similar, esta opción debe ser prácticamente descartada. 256 colores es poca información para este tipo de casos;

debe optarse por el modelo RGB.

Existe también una paleta especial para generar gráficos con orientación a Internet. Esta indexación de colores surgió de un acuerdo entre los dos navegadores mas populares del mundo (Internet Explorer y Netscape Navigator) por lo que 216 colores estarían normalizados por ambos y los 40 restantes serian dejados para la interfaz de cada navegador.

Esto asegura que hoy en la web se puedan ver los mismos colores con diferentes web browser y en distintas plataformas. Por otro lado, esta normalización de colores permite que los gráficos se puedan visualizar mas rápidamente ya que la paleta de colores solo debe cargarse una vez.

Si no se respeta esta regla, cada imagen va a necesitar que se cargue una paleta especifica para cada una de ellas, insumiendo así mayor tiempo de descarga.

Profundidad de color

El BIT es la unidad mínima de almacenamiento que utiliza la computadora. 1 BIT de información equivale a 2 posibilidades (ON OFF), siendo esta una regla que se mantiene de manera exponencial a mediad que aumenta la cantidad de información: 2 bits = 4

posibilidades, 3 bits = 8 posibilidades ...

Teniendo en cuenta la relación directa existente entre bits de información y cantidad de colores posibles de visualizar, se desprende lo siguiente:

ITS

Cantidad Colores 1 2

2 4

3 8

(20)

Con esto se observa la relación que existe entre profundidad de color (cantidad de bits que una imagen maneja) y la calidad de una imagen: cuantos más bits de información existan en una imagen, mas alto va a ser el espectro de colores existentes, y mayor va a ser su calidad.

Si recordamos lo citado en el capitulo de “MONITORES”....

• Una imagen RGB maneja 256 posibilidades de color por canal. Tiene tres canales, por los tanto pueden haber 16,7 millones de colores distintos.

• Con una imagen CMY sucede lo mismo

• Al tener una paleta indexada, puedo elegir aquellos colores (de esos 16,7 millones que maneja el RGB) que deseo. Tengo un máximo de 256 posibilidades (8 BIT) y un mínimo de dos posibilidades (1 BIT = imagen blanco y negro).

Decodificación del color

El número 255 (máximo valor de un canal de color) no tiene ningún sentido para el ordenador.

La computadora toma este numero y lo descompone en pares de números que resultan de una ecuación sexagesimal, o “base 16” (la computadora maneja números de a pares ya que su unidad mínima de almacenamiento es el BIT, que incluye en el mismo 2 variantes: si y no). Esto significa que cualquier número existente entre 0 y 255 va a ser representado por combinaciones de números entre 0 y 15. La notación sexagesimal reemplaza los valores entre el 10 y el 15 por letras: