Construcci

on de una imagen con todos los colores posibles del

modelo RGB.
Cristian Camilo Bautista Contreras Codigo N.o 20121005118*
Jonier Alejandro Porras Duque Codigo N.o 20121005117**
Juan Sebastian Molina Araque Codigo N.o 20121005102***
22 de septiembre de 2016

Resumen
En este documento se presenta una breve descripci
on de los modelos de color, principalmente del
RGB. As mismo se abarca el tema de imagen digital y algunas de sus caractersticas. El objetivo principal
del reporte, es explicar el proceso necesario para la contrucci
on de una imagen con la representaci
on de
todos los colores posibles usando el modelo RGB. Esto permitir
a concluir las limitaciones del ojo humano a
la hora de reconocer una gama tan amplia de colores.
Palabras clave: Modelos de color, RGB, imagen digital.

* Estudiante del proyecto curricular de Ingenier

a Electr
onica de la Universidad Distrital Francisco Jos
e de Caldas. Correo Electr
onico:
ccbautistac@correo.udistrital.edu.co.
** Estudiante del proyecto curricular de Ingenier
a Electr
onica de la Universidad Distrital Francisco Jos
e de Caldas. Correo Electr
onico:
jhporrasd@correo.udistrital.edu.co.
*** Estudiante del proyecto curricular de Ingenier
a Electr
onica de la Universidad Distrital Francisco Jos
e de Caldas. Correo Electr
onico:
jsmolinaa@correo.udistrital.edu.co.

1.

Introducci
on

Se conoce como imagenes de color verdadero a aquellas

que se valen de tres bytes para establecer un color en un
pxel, y que en total brindan 16.777.216 opciones de color.
Es por esto que la transformacion de los datos numericos
que almacena un pxel en un color, exige el conocimiento de
la profundidad y el brillo, pero tambien del modelo de color
a utilizar, en nuestro caso el RGB[4].
Existen varios tipos de imagenes digitales, tales como:
binarias, de tonos de gris, multicanal, y de color. La clasificacion de cada tipo de imagen depende del valor que
representa cada uno de los pxeles.
Por otra parte, en la seccion 2 se formula y analiza el
problema desde un enfoque matematico, se estudia las intensidades de las componentes cromaticas, la cantidad de
colores posibles a generar en el modelo RGB y consecuentemente el calculo de la dimension de las matrices para obtener la solucion del problema. En la seccion 3 se presenta
el algoritmo que permite generar cada una de las matrices
asociadas a su respectivo plano de color y la superposici
on
entre estas.
Finalmente, en la seccion 4, se muestra cada una de las
3 matrices obtenidas a partir del algoritmo generado en la
seccion 3, as como la matriz resultante al superponer dichas
matrices, representando la imagen con todos los colores posibles.

Un modelo de colores es una abstracci

on matematica que
permite representar en forma numerica los colores, tpicamente tres o cuatro valores (componentes crom
aticos). Estos
modelos asocian un elemento en un espacio de color a un
vector numerico (por ejemplo CMYK1 , RGB2 , HSL3 , HSV4 ,
RYB5 son modelos de colores). El modelo RGB o tambien
llamado de sntesis aditiva, es el utilizado en los medios de
reproducci
on de im
agenes digitales, tales como: monitores,
pantallas de celulares, televisores, etc. Es as, como en cada
pantalla hay una serie de pixeles, que a su vez se encuentran
conformados por tres emisores de luz en distintas longitudes de onda, en este caso las pertenecientes al rojo verde y
azul.[1,2,3]
Para indicar con que proporci
on se mezcla cada color en
la pantalla, se asigna un valor a cada uno de los colores base
del modelo RGB, de manera que el 0 significa ausencia del
color, y a medida que este valor aumenta, la intensidad del
color tambien lo hace.
En el sistema decimal, la intensidad de cada una de las
componentes se mide seg
un una escala que va del 0 al 255.
Por lo tanto, el rojo se obtiene con (R = 255, G = 0, B = 0);
el verde con (R = 0, G = 255, B = 0) y el azul con (R = 0,
G = 0, B = 255). De esta manera, la ausencia de luz o color
negro, se obtiene cuando las tres componentes son 0 (R =
0, G = 0, B = 0); as mismo el color blanco se forma con
Formulaci
on del problema
los tres colores primarios en su m
aximo nivel de intensidad 2.
(R = 255, G = 255, B = 255). Por ende, para obtener la
Inicialmente se realiza un analisis del modelo RGB para
m
axima cantidad de colores, es necesario la combinacion de
comprender como se genera la gama de colores, y de esta
todas las intensidades entre los tres colores, como se puede
forma desarrollar un algoritmo que permita la construcci
on
observar en la siguiente ecuaci
on[3]:
de la imagen con la mayor cantidad de colores posibles.
El modelo RGB esta basado en la combinaci
on de los
tres colores primarios: rojo, verde y azul para producir to256 256 256 = 16,777,216
(1) dos los demas. Por esta razon se requieren tres canales para
representarlo, uno por cada color. Otro aspecto importante
La imagen digital se puede ver como una matriz bidi- del modelo RGB, es que la intensidad de cada color se reumero entre 0 y 255, donde 0 es la menor
mensional de n
umeros codificados en binario que represen- presenta con un n
intensidad
(ausencia
del color) y 255 la mayor. Cabe mentan la medida de intensidad de la cantidad fsica que se haya
cionar
que
las
matrices
representan todas las combinaciones
medido, es decir, cuando se tiene una imagen muestreada y
posibles
entre
las
intensidades
de los tres colores primarios,
cuantificada, se obtiene una imagen digital.[1]
al
ser
superpuestas.
El pxel (del ingles picture element) es la unidad mas
El n
umero total de colores que se pueden representar es
peque
na que compone una imagen de tipo digital. Estos
de
16,777,216,
como se muestra en la ecuacion 1 del capitulo
definen la resoluci
on y tama
no de la imagen que a su vez
anterior.
A
partir
de este valor se calculan las dimensiones
determinan la calidad, ya que cuantos m
as pxeles tenga un
de
las
matrices
mediante
la ecuacion 2.
imagen, mayor ser
a su resoluci
on (tama
no). Es as, como en
una imagen digital cada pixel es codificado con un conjunto
de ocho bits que permiten generar 256 combinaciones, lo
que se conoce como profundidad del color.
1 CMYK es el acr
onimo de las palabras inglesas Cyan, Magenta,
Yellow, blacK.
2 RGB es el acr
onimo de las palabras inglesas Red, Green, Blue.
3 HSL es el acr
onimo de las palabras inglesas Hue Saturation Lightness.
4 HSV es el acr
onimo de las palabras inglesas Hue, Saturation, Value.
5 RYB es el acr
onimo de las palabras inglesas Red, Yellow, Blue.

M M = 16,777,216

(2)

Entonces:

M=

p
16,777,216 = 4096

(3)

Finalmente, se obtiene que cada matriz debe estar compuesta de 4096 filas y 4096 columnas.

3.

Resultados

4.

Discusi
on

En el captulo 3 se puede observar la imagen final con los

16.777.216. Sin embargo, para el ojo humano no es posible
apreciar todos los colores de esta imagen inmediatamente,
Inicialmente se definen tres matrices Mr, Mg, y Mb, don- de tal manera, que se debe comprobar los resultados analide cada una de ellas representa uno de los tres colores pri- zando las matrices generadas M r, M g y M b.
marios, rojo, verde y azul respectivamente.
Al comprobar cada matriz por separado se encuentra
que
no hay ninguna combinacion posible de intensidades
Luego se realiza el llenado de cada una de las matrices, de
repetidas,
lo que indica que todos los colores generados en
tal forma que se obtengan todas las combinaciones posibles
la
imagen
son
diferentes.
entre los bits que las definen. Por ende, la matriz M r se
Para
las
matrices
M r, M g, M b, tenemos la siguiente
completa con n
umeros que aumentan de 1 en 1 entre una
representaci
o
n:
y otra casilla, de manera similar se realiza la matriz M g,
solo que para este caso el incremento del elemento se hace
cada 256 casillas. Por u
ltimo, en la matriz M b el valor del
0 1 254 255 0 1 254 255
elemento cambia cada 65.536 posiciones.
Para llevar a cabo el procesamiento digital de la imagen, se
hace uso de una herramienta de software matem
atico.

0 1 254 255 0 1 254 255

0 1 254 255 0 1 254 255

...
. . ...
. .
Mr =
.. .. . . .. .. .. .. . . .. ..

Cabe resaltar que cuando el n

umero de llenado de las
casillas llega a 255, inicia una nueva cuenta desde 0; debido
a que en el modelo RGB se representan las intensidades con
n
umeros de 8 bits (entre 0 y 255).

0 1 254 255 0 1 254 255

0 1 254 255 0 1 254 255
0 1 254 255 0 1 254 255

Teniendo conformadas las matrices, se procede a crear

la variable im con formato uint8, y en ella se superponen
las matrices. Por u
ltimo, se visualiza la imagen para luego
guardarla, generando as un archivo .png (imagen sin perdidas).

0
0
16 16
32 32

.
Mg =
..

1
1
2
2
17 17 18 18
33 33 34 34

15 15
31 31
47 47

.. . . ..
. .
.

..
.

..
.

.. . . ..
. .
.

0
0
0

0
0
0

0
0
0

0
0
0

.. . . ..
. .
.

..
.

..
.

.. . . ..
. .
.

..
.

208 208 209 209 210 210 223 223

224 224 225 225 226 226 239 239
240 240 241 241 242 241 255 255

La imagen obtenida con todos los colores posibles para

el modelo RGB es la que se muestra en la figura 1. Es el
resultado del algoritmo mencionado anteriormente.

0
0
0

0
0
0

.
Mb =
..

0
0
0

0
0
0

..
.

255 255 255 255 255 255 255 255

255 255 255 255 255 255 255 255
255 255 255 255 255 255 255 255

Cuando se superponen dichas matrices, se obtiene la

imagen de la seccion anterior, que tambien est
a representada por una matriz de pixeles, y estos a su vez tienen la
informacion de la intensidad de color para el azul, verde y
rojo respectivamente.
La matriz que representa la imagen es la siguiente:

Figura 1: Imagen generada con todos los colores posibles del modelo
RGB con 24 bits por pixel de resoluci
on.

0,0,0
0,16,0

0,0,1
0,16,1

0,1,0
0,17,0

0,1,1
0,17,1

0,15,254
0,31,254

0,15,255
0,31,255

..
.
..
.

..
.
..
.

..

..

..
.
..
.

..
.

..
.
..
.

..

..

..
.
..
.

1,0,0
1,16,0

1,0,1
1,16,1

1,1,0
1,17,0

1,1,1
1,17,1

1,15,254
1,31,253

0,255,255
1,15,255
1,31,255

..
.
..
.

..
.
..
.

..

..
.
..
.

..

..

..
.
..
.

..

..
.
..
.

..
.
..
.

255,224,0 255,224,1 255,225,0 255,225,1 255,239,254 255,239,255

255,240,0 255,240,1 255,241,0 255,241,1 255,255,254 255,255,255

Revisando la matriz que representa la imagen y a pesar

de que el ojo no logra identificar todos los colores debido a
la resolucion de la misma se verifica que no existe ning
un
color repetido.

5.

Conclusiones

Se gener
o una imagen digital con 16.777.216 colores diferentes, a partir de las combinaciones posibles entre los distintos
niveles de intensidad de cada una de las componentes de color presentes en el modelo RGB.
Se observ
o la necesidad de utilizar un modelo de la teora
del color, en este caso el RGB, que permita la obtencion y
el an
alisis de las im
agenes crom
aticas a partir de un punto
de vista matem
atico , ya que la capacidad del ser humano
para diferenciar gamas de colores es reducida (alrededor de
1 mill
on). Debido a esto al realizar un estudio de una imagen
crom
atica a partir de la simple visualizaci
on traera como
consecuencia resultados err
oneos.
Se necesit
o de un byte por canal para la generacion de
la imagen de la figura 1, es decir, es necesario de tres bytes
o 24 bits para definir un color. Dicha imagen al tener estas
caractersticas, pertenece a las llamadas im
agenes de color
verdadero.

Referencias bibliogr
aficas
[1] Herrera Garcia, Rodrigo Javier La imagen digital. Aulas virtuales, 2016.
[2] Wikipedia, Modelos de colores[online]. Espa
na: Wikipedia, la enciclopedia libre, 2016.
Disponible en: http://goo.gl/SmZEL1
[3] Calvo Ivanovich,Ingrid.Modelo RGB[online]. Chile: Proyecta color, 2016.
Disponible en: http://goo.gl/WolQAR
[4] Perez Porto, Juli
an. Merino, MaraDefinicion de pixel[online]. Alemania: Definici
on.de, 2012.
Disponible en: http://goo.gl/qaHGIq