Siempre he diseñado desde un ordenador todos los proyectos que irán como resultado final a una imprenta o subida a un servidor para una estrategia online, con lo cual, los colores que aprecio desde mi monitor tiene un rango de colores muy diferentes a los colores que ves impresos en un papel. Es decir, nunca verás con la misma intensidad y brillo de color una foto mostrada en una pantalla que la misma impresa en papel. En este pos hablaremos de los Colores Aditivos (colores luz)

Vamos un poco más allá, imaginemos que tomamos una foto de un lindo paisaje, la llevamos a nuestro ordenador y la imprimimos. El espectro de luz que perciben nuestros ojos del paisaje no es el mismo que la amplitud de colores interpretada por el sensor de la cámara. A su vez, la gama de colores, la intensidad y brillo que muestra la misma imagen en un monitor, no será la misma que la imagen impresa en papel como resultado final.

Para que te hagas una idea, nuestros ojos son capaces de distinguir diferentes amplitudes de onda de luz. Dependiendo de la intensidad de luz, obtendremos toda la gama de colores que existen. El blanco es el resultado de la suma de los tres colores primarios mientras que el negro es su ausencia. Ahora bien, dependiendo de como mezclemos los colores primarios obtendremos como resultado toda la gama de colores que conocemos.

Hay dos sistemas colorimétricos principales, el RGB (modelo de color con fuente de luz propia) y el CMYK (modelo de color sin fuente de luz)

Modelo de color RGB (Colores Aditivos)

Hoy en día, estamos bombardeados constantemente por imágenes con fuente de luz propia a través de pantallas, dispositivos, monitores, televisores, cámaras, etc. La mayoría de las superficies que emiten estas imágenes iluminadas trabajan con píxeles. (Por ejemplo mi monitor tiene 1920 x 1080 píxeles). Cada pixel esta compuesto por tres puntos de haz de luz y cada haz de luz es representado por un color del sistema RGB (Red / Green / Blue siglas en inglés de rojo / verde / azul). A su vez, a suma de estos colores primarios forman un pixel de color y la suma todos los pixels juntos forman la imagen que vemos en la pantalla.

Los llamados Colores Aditivos, son colores que provienen como resultado de la mezcla de las diferentes intensidades de estos tres haces de luz. La mezcla de los colores RGB llega a más de 16 millones de combinaciones. Para representar los colores RGB se utiliza una tabla numérica que parte del valor “0” que representa la ausencia del color hasta el valor “255” que representa la totalidad del color.

Por ejemplo: el color rojo (R:255, G:0, B:0), el blanco puro (R:255, G:255, B:255), el negro absoluto (R:0, G:0, B:0). Este código de color se utiliza en todos los programas gráficos (photoshop, illustrator,...), sin embargo, en el entorno online (principalmente páginas web) los colores RGB se representan bajo un código alfanumérico de 6 “dígitos” llamado Sistema Hexadecimal. Este sistema toma como valores “0” ausencia de color y “F” su totalidad. Es decir, de "0" a "9" y de "A" hasta la "F" tomando en cuenta que “0” es ausencia de color y “F” es máxima luz. (Por ejemplo: el color rojo #FF0000, el blanco #FFFFFF o el negro #000000) insertado dentro del código HTML.

Espero haber sido de utilidad, en el próximo post hablaremos de los colores CMYK (Colores sustractivos).

Referencias: AulaClic + Fotonostra