11

ESPACIO DE COLOR EN LOS PROGRAMAS INFORMÁTICOS

PALETA DE COLOR DIGITAL: Modelos de color RGB, CMYK, HLS

22

ÍNDICE

• Introducción• Manejo del color en los programas informáticos:

– Modo o modelos de color

– Espacio de color• Modalidades:

– RGB– CMYK

– HLS

33

INTRODUCCIÓN• El rápido desarrollo de la informática en las últimas décadas ha revolucionado la forma de usar 

el color en el ordenador. A través de un monitor se muestran las imágenes y los colores. Los 

colores son el efecto de señales digitales que hacen que la energía electrónica emitida desde 

un tubo de rayos catódicos (CRT) incida sobre una pantalla de vidrio recubierta con fósforo 

fluorescente, el cual emite luz en forma de colores.

• Las señales digitales se confeccionan con operaciones transmitidas a través de un ratón o un 

teclado. Ambos están unidos a la unidad central de proceso (CPU) del ordenador.

• Se han desarrollado muchos programas gráficos, que 

permiten pintar y dibujar con colores, crear imágenes, 

manipular fotografías y crear tipos de letra, pudiendo 

corregir o modificar con considerable rapidez y 

facilidad. 

• El diseño final puede estar destinado a ser impreso o 

simplemente a verse en pantalla. Esto es un aspecto 

muy importante a tener en cuenta porque 

dependiendo de su utilidad tendremos que modificar 

ciertos parámetros cuando utilicemos algunos 

programas informáticos.

44

MANEJO DEL COLOR EN LOS PROGRAMAS INFORMÁTICOS

Cuando se maneja el color en los programas 

informáticos no se debe confundir modo o modelo de 

color con espacio de color. Un modelo de color puede 

contener diversos espacios de color. Los modelos 

miden el número máximo de colores en una imagen, 

mientras que los espacios de color son utilizados por 

diversos dispositivos para seguir una serie de pautas 

comunes en el tratamiento de imágenes.

MODOS DE COLOR ESPACIO DE COLOR

PALETA DE COLOR PANTONE

55

MODO O MODELO DE COLOR• El modo de color determina la forma en que un programa de retoque, por ejemplo, pintará

los 

pixeles que componen una determinada imagen. Cada modelo producirá

variaciones entre el 

número de canales de la imagen, su número de colores y el tamaño final del archivo. 

En Photoshop, en la pestaña Imagen > Modo, se puede ver el modo de color y también la profundidad 

de bits, que determina el número máximo de colores a representar en cada píxel, incluso se pueden 

modificar indicando los valores deseados.

66

MODO O MODELO DE COLOR

• Los modelos de color son imprescindibles para una correcta interpretación y compatibilidad del 

color entre dispositivos (monitores, cámaras digitales, escáneres, impresoras…). Cuando se 

trabaja con color puede existir el problema de que el trabajo final pierda calidad. Por eso será

preciso elegir el espacio de color adecuado para cada modelo de color. 

La diversidad de espacios de color es la causante de cambios en la tonalidad de un documento 

al pasar de un dispositivo a otro. Si trabajamos una imagen en nuestro ordenador asignándole 

un espacio de color X, y la impresora tiene asignado un espacio de color Y, no es capaz de 

reconocer el espacio X

y el error esta asegurado.

• Algunos de los modelos que se pueden encontrar habitualmente son: blanco y negro, escala de 

grises, RGB, CMYK.

BLNACO Y NEGRO ESCALA DE GRISES RGB CMYK

77

ESPACIO DE COLOR• Un espacio de color es una porción del espectro de color ajustada a una norma concreta. No 

es una propiedad del color sino de los sistemas de representación físicos o algorítmicos (ya 

sea una impresora o un sistema de codificación). Se refiere al número máximo de colores 

que pueden ser representados por el dispositivo. Tanto los ordenadores como los 

dispositivos físicos (impresoras y monitores) son finitos en el sentido que pueden 

representar un número finito de colores. 

Los espacios de color son un listado de colores dentro de cada modelo de color. Recogen tan 

solo una pequeña fracción de las gamas tonales que permiten los modelos, por lo que 

determinado espacios serán más completos que otros y permitirán más colores.

88

ESPACIO DE COLOR• Tanto los programas de pintura como de dibujo tienen un surtido de 

colores básicos o paleta de color en forma de cuadro que contiene 

pequeños cuadrados de color, generalmente los colores neutros, los 

primarios, los secundarios y ningún color. A esta paleta se le puede añadir 

y sustraer colores fácilmente, estableciendo una paleta personal que 

responda a necesidades específicas. 

• Los tres principales espacios de color son el sRGB (el más utilizado, 

reproduce imágenes de hasta 8 bits), Adobe RGB (imágenes 16 bits, 

desde el modo RGB conseguir mejores reproducciones CMYK) y Prophoto

RGB.

• La paleta de color también 

puede incluir bibliotecas de color 

ya existentes como el Pantone©, 

TrumatchTM

y otras, que ofrecen 

cada una de ellas cientos de 

colores premezclados con sus 

números de referencia. 

99

MODALIDADESUna vez explicadas las diferencias entre modo de color y espacio

de color, y que tenemos una base 

acerca de cómo funcionan los colores en el ámbito digital, es necesario saber cuales son las 

características de algunos de los modelo de color que nos encontraremos habitualmente y cuando 

debemos utilizarlos.

Los modos de color mas utilizados son:

‐

RGB 

‐

CMYK

‐

HLS

Relación RGB y CMYK

Los sistemas RGB, CMYK se encuentran 

relacionados, ya que los colores primarios 

de uno son los secundarios del otro.

Los colores sustractivos (CMY) y los 

aditivos (RGB) son colores 

complementarios. Cada par de colores 

sustractivos crea un color aditivo y 

viceversa (los colores secundarios son los 

obtenidos por mezcla directa de los 

primarios). 

1010

RGB• Se utiliza cuando se describe el color como luz emitida. Así

pues, se corresponde con el 

sistema que utilizan los ordenadores, los proyectores de vídeo, etc. La modalidad RGB está

directamente relacionada con la forma en que la visualización de pantalla se compone con 

las luces de los colores primarios rojo (R), verde (G) y azul (B).

• Este modo lo debemos escoger en caso de que nuestro diseño sea destinado a ser visto en 

pantalla o por Internet.

1111

RGB• MANEJO DEL COLOR

El espectro visible puede ser representado mediante combinaciones de estos tres colores (rojo, 

verde y azul), por lo que las imágenes RGB, permiten la representación de 16.7 millones de 

colores. Al disponer de tres canales, uno por cada primario, cada color es manejado a través de 

tres cifras que pueden ir de 0 a 255 cada uno y que identifican la intensidad de tono de cada 

píxel, siendo el valor 0 el negro y el valor 255 el blanco. 

Los colores se representan en el sistema decimal de la siguiente

manera: 0, 0, 0. 

El rojo aparecería como 255, 0, 0; el verde 0, 255, 0; el azul 0, 0, 255. Este sistema, no solo sirve para expresar 

colores puros, si no que se pueden hacer multitud de combinaciones, como ya se ha explicado antes.

Otra forma de representar los colores es deslizar los botones por la barra de cada canal hasta 

obtener los colores deseados, desde claros a oscuros, o suaves a

intensos.‐

Dando el 100% de porcentaje a cada una de las tres luces de color primario se produce el blanco, 

dando 0% el negro, y dando 50% un gris medio.

‐

Si cambiamos el rojo a 0%, conseguimos un cian oscurecido., con

el verde a 0% obtenemos un 

magenta oscurecido, y con el azul a 0% un amarillo oscurecido.

‐

Si a una de las luces de color primario le damos el 100% y a otra el 0%, podemos dar diferentes 

porcentajes a la tercera para producir gamas de colores de fuerte intensidad.

1212

CMYK• La creación de colores en la modalidad RGB involucra el proceso aditivo de

mezcla de colores, 

en cambio trabajar en la modalidad CMYK es parecido a trabajar con pigmentos. Este modelo se 

corresponde con la mezcla sustractiva, por lo que está

enfocado al uso de tintas y relacionado 

con la impresión comercial. 

A cada color se le asigna un porcentaje de tinta. Los colores 

más claros cuentan con porcentajes bajos de tintas y los 

más oscuros con porcentajes más altos. Cuando no hay 

ninguna tinta, el resultado es el color blanco 

correspondiente a papel.

El negro se obtiene mediante la mezcla de los tres 

primarios sustractivos, aunque en realidad, el resultado de 

la mezcla de estos tres primarios da un color marrón 

oscuro, por lo que es preciso añadir el negro como un canal 

adicional.

El CMYK maneja el color a través de los cuatro canales que 

le dan nombre. Estos canales representan las cuatro tintas 

de proceso: cian, amarillo, magenta y negro. 

1313

CMYK• El modelo CMYK debe ser empleado cuando el 

trabajo final vaya a ser impreso. La impresión se 

realiza mediante el sistema de cuatricromía. 

La cuatricromía es un sistema de reproducción de 

imágenes por adición de colores. Esto quiere decir 

que cada capa añade la siguiente y se superpone a 

ella para obtener, a partir solamente de cuatro 

colores iniciales, toda la gama tonal que 

precisemos.

• Si trabajamos con una fotografía o imagen RGB, lo correcto será

terminar de editarla y realizar 

la conversión a CMYK una vez finalizado el proceso. Al igual que en el modelo RGB, en el modelo 

CMYK es fundamental trabajar con el espacio de color adecuado.

1414

• MANEJO DEL COLOR

Para crear y modificar colores se utilizan las cuatro barras del

mezclador (que representan las 

cuatro tintas del proceso) correspondientes a cada color, deslizando los botones por las barras 

de cada canal, cian, magenta y amarillo para probar las mezclas resultantes, y usar la barra del 

negro para oscurecer. 

‐

Cuando el negro y uno de los tres otros colores permanecen en 0%, podemos obtener tintes 

claros de colores saturados. Con C, M e Y en iguales porcentajes

y K en 0%, resulta un gris 

neutro. El gris neutro también se forma cuando C, M e Y están en 0%, y sólo se mueve la barra 

del K.

‐

Para los colores apagados, podemos empezar con un gris obtenido

con igual porcentaje de C, 

M e Y y manipular sólo uno o dos de ellos para dar una sutil coloración.

‐

Si empezamos con un gris neutro obtenido con sólo la barra K y usamos sólo una o dos de los 

barras C, M e Y para dar coloración, no podemos producir un color apagado, en cambio, se 

produce una tonalidad clara. El agrisado de un color requiere la

presencia conjunta de C, M e Y 

en la mezcla.

CMYK

1515

HLS

PROPIEDADES DEL COLOR‐Tono: Hace referencia al color en su estado más puro. Es un 

sinónimo de color, puesto que se corresponde con los colores del 

círculo cromático y define al color en sí

mismo, variando con la 

longitud de onda.‐

Saturación: Hace referencia a la intensidad del color. Muestra el 

grado de proximidad a los colores puros del círculo cromático. Un 

color muy saturado será

aquel que se corresponda con un color 

puro del círculo cromático y resulte casi idéntico a éste, mientras 

que uno poco saturado será

más próximo al gris y se mostrará

más apagado.‐

Luminosidad: Hace referencia a la claridad del color, si un color 

es claro u oscuro. Es el resultado de la mezcla de un color con 

blanco o negro.  Un color diluido en negro será

un color poco 

luminoso, mientras que uno diluido en blanco será

muy 

luminoso.

• La modalidad HLS (Tono/Luminosidad/Saturación) se llama también modalidad HSB 

(Tono/Saturación/Brillo) o modalidad HSV (Tono/Saturación/Valor) en los diferentes programas 

gráficos. Según este modelo los colores son definidos por las tres propiedades

del color, por lo 

que, los colores se crean con la elección del tono y la ulterior manipulación de valor y la 

intensidad.

TONO

SATURACIÓN

LUMINOSIDAD

1616

HLS

– Tono: Su valor viene dado por la posición del color 

en el círculo cromático, partiendo de la posición 0 

grados para definir al rojo y girando hacia la 

izquierda hasta los 360 grados.

– Luminosidad: Se mide mediante porcentajes. El 0 

señala el nivel más oscuro de un color (negro puro) 

y el 100% el más luminoso (blanco puro).

– Saturación: Se mide como un porcentaje de color 

respecto al gris puro. Así, que un valor del 0% 

representaría los colores intensos y vivos, y uno del 

0% señalaría los grises.

MANEJO DEL COLOR

Dependiendo del programa informático en el que trabajemos, encontraremos diferentes formas  

de utilizar el selector de brillo, saturación y luminosidad. 

En este caso es parecido a trabajar con el selector de colores, 

haciendo clic en cualquier parte del mapa circular para escoger un 

color. 

Al lado de este mapa de colores hay una barra vertical para el ajuste 

del valor. Las tres ventanas adyacentes muestran los valores 

numéricos del tono, el valor y la intensidad.

17

FUENTES DE INFORMACIÓN

• Bibliografía:– “Diseño Gráfico Publicitario “

Deusto Formación _ Órbita gráfica per

publicaciones SL

• Web grafía:– http://www.logo‐arte.com/blog‐5.htm

– http://serdis.dis.ulpgc.es/~ii‐dgc/David/Color/digitales.html

– http://www.webtaller.com/maletin/articulos/seleccion_de_colores_armonicos.php

– http://es.wikipedia.org/wiki/Modelo_de_color_CMYK

– http://es.wikipedia.org/wiki/Teor%C3%ADa_del_color

– http://es.wikipedia.org/wiki/Modelo_de_color_RGB

17