En nuestro colorido mundo hay una gran variedad de colores que tienen numerosas funciones; y esto no es una novedad. Incluso Goethe daba más im­po­r­ta­n­cia a su obra Teoría de los colores (publicada en 1810) que a sus crea­cio­nes como poeta. En 1809, el of­ta­l­mó­lo­go y físico inglés Thomas Young (1773-1829) propuso la tesis de que todos los colores del espectro pueden pro­du­ci­r­se mezclando los tres colores primarios. Sin embargo, en aquel momento no se hablaba de RGB. Tuvieron que pasar más de 50 años para que el físico escocés James Clerk Maxwell (1831-1879) pudiera demostrar esta afi­r­ma­ción. En 1861, el cie­n­tí­fi­co realizó la primera fo­to­gra­fía en color, de­mo­s­tra­n­do así la teoría de la síntesis aditiva de color.

De­fi­ni­ción

RGB: el término RGB se refiere a un espacio de color que reproduce los colores visibles para los humanos mediante la mezcla aditiva de los tres colores primarios. El espacio de color RGB recibe, por tanto, el nombre de estos tres colores: rojo, verde y azul (en inglés, red, green, blue).

Los colores sirven de orie­n­ta­ción, hacen que las cosas aparezcan bajo una luz especial y estimulan los sentidos. En sentido estricto, el color no es otra cosa que una impresión sensorial de la luz pe­r­ce­p­ti­ble por el ser humano. Se trata de una radiación ele­c­tro­ma­g­né­ti­ca con una longitud de onda de entre 380 y 760 na­nó­me­tros (violeta y rojo, re­s­pe­c­ti­va­me­n­te). Con las diversas te­c­no­lo­gías de vi­sua­li­za­ción de imágenes, también se han es­ta­ble­ci­do di­fe­re­n­tes pri­n­ci­pios para re­pre­se­n­tar óp­ti­ca­me­n­te los colores. Desde el de­sa­rro­llo de las pantallas a color, el modelo de color RGB, en pa­r­ti­cu­lar, ha tenido una im­po­r­ta­n­cia fu­n­da­me­n­tal para la re­pro­du­c­ción de imágenes en los di­s­po­si­ti­vos ele­c­tró­ni­cos de salida. Nuestra guía te pro­po­r­cio­na la in­fo­r­ma­ción más im­po­r­ta­n­te sobre los colores RGB.

Tu página web con dominio propio
Crea tu página web en minutos
  • Pla­n­ti­llas pro­fe­sio­na­les
  • Mo­di­fi­ca­ción del diseño con un solo clic
  • Dominio, SSL y correo ele­c­tró­ni­co

¿Cómo funciona el modelo de color RGB?

Los colores RGB se compone de los tres colores primarios a los que son más sensibles los conos fo­to­rre­ce­p­to­res del ojo humano: rojo, verde y azul. El color negro es la base de este modelo de color. Todos los colores uti­li­za­dos aparecen en contraste con ese color básico, el negro. Dado que los colores RGB se componen de los tres colores primarios, esto da lugar al término síntesis aditiva de color. Tres colores luminosos se combinan, es decir, se mezclan por adición para crear el color que se percibe. En el caso de un monitor de ordenador, por ejemplo, los elementos de la imagen (píxeles) se unen para formar una imagen global. Cada píxel in­di­vi­dual consta de su­b­pí­xe­les en los colores RGB, que se perciben como la mezcla aditiva de colores en el píxel.

¿Cuántos colores hay en el espacio de color RGB?

Los tres colores primarios, rojo, verde y azul (también llamados canales de color), pueden adquirir in­te­n­si­da­des de 0 a 255, por lo que hay un total de 256 gra­da­cio­nes por canal. Mu­l­ti­pli­ca­n­do todas las gra­da­cio­nes de color di­s­po­ni­bles por canal se obtienen 2563 o 16 777 216 co­m­bi­na­cio­nes de color. A menudo se menciona la cifra de 16,7 millones de colores.

Por ejemplo, en las páginas web, todos estos colores pueden es­pe­ci­fi­car­se con los valores RGB, pero también con valores he­xa­de­ci­ma­les. Ambos suelen uti­li­zar­se en las hojas de estilo en cascada (en inglés, cascading style sheets o CSS) para ase­gu­rar­se de que el color está presente en di­fe­re­n­tes na­ve­ga­do­res.

// Párrafo con fuente en magenta
p.encolor {
	color: #FF00FF;
color: rgb (255,0,255);
}

Este ejemplo de código es una muestra de cómo se utilizan los colores RGB en las páginas web. Toda una serie de estos colores tienen nombres que se pueden utilizar en la web y que también pueden usarse en las CSS (#FF00FF es “fucsia”). Existen varias tablas al respecto en Internet.

Todos los formatos gráficos para re­pre­se­n­tar imágenes y gráficos en Internet se basan en el RGB color, a excepción del formato GIF. Los programas de edición de imágenes como Photoshop o incluso los programas de edición de imágenes gratuitos también utilizan un modo RGB para re­pre­se­n­tar el color. Además, hay muchas he­rra­mie­n­tas para comprimir imágenes con salida RGB para utilizar las imágenes co­m­pri­mi­das en las páginas web con un buen re­n­di­mie­n­to.

Consejo

¿Cuándo RGB y cuándo CMYK? La re­pre­se­n­ta­ción en las pantallas modernas de cualquier tipo y tamaño se basa en el modelo de color RGB. Los colores CMYK siempre entran en juego cuando se va a imprimir fí­si­ca­me­n­te algún elemento a color.

RGB y CMYK, ¿eso es todo?

Por supuesto que no. Hay muchos enfoques di­fe­re­n­tes para los espacios de color. Sus di­fe­re­n­cias radican en la forma de re­pro­du­cir los colores. Entre los sistemas de espacio de color al­te­r­na­ti­vos se incluyen, por ejemplo:

CIE 1931

CIE es el conocido espacio de color estándar nacido el año 1931. Se basa en los valores medios medidos por ob­se­r­va­do­res normales. El CIE 1964 describe el campo de visión humano en una hoja de papel A4 desde una distancia de visión de 30 ce­n­tí­me­tros. Otros de­sa­rro­llos y mo­di­fi­ca­cio­nes son CIELUC, CIELAB y CIEUVW.

RGB con ex­te­n­sio­nes

El espacio de color sRGB fue de­sa­rro­lla­do por varias empresas y co­n­so­r­cios de RGB para Internet. Se utiliza en programas de código abierto y en el formato de imagen SVG. El espacio de color Adobe RGB fue de­sa­rro­lla­do por la empresa del mismo nombre para re­pro­du­cir los colores de una impresora CMYK en un monitor de ordenador. Hay largas listas de espacios de color RGB que se asignan a tareas de re­pre­se­n­ta­ción muy es­pe­cí­fi­cas. En de­fi­ni­ti­va, cualquier usuario experto puede crear su propio espacio de color.

Tonos de color con sa­tu­ra­ción

HSV o HSB utilizan el tono de color (en inglés, hue: H), la sa­tu­ra­ción (sa­tu­ra­tion: S) y un valor para el brillo (value: V, o bri­gh­t­ne­ss: B). Este espacio de color se acerca a la pe­r­ce­p­ción del color natural. Este grupo también incluye HSL y HSI. La letra L re­pre­se­n­ta la lu­mi­no­si­dad (luminance) y la I, la in­te­n­si­dad. HSL también se puede utilizar en CSS.

// Párrafo con fuente en rojo
p.rojo {
	color: hsl(0, 100%, 50%);
}

Lu­mi­no­si­dad con cro­ma­ti­ci­dad

Estos espacios de color se utilizan bajo las de­no­mi­na­cio­nes YIQ, YUV, YDbDr, YPbPr o YCbCr para los es­tá­n­da­res de la te­le­vi­sión en color (NTSC, PAL, SECAM). Se almacenan dos valores de color y un valor de brillo. También hay que mencionar aquí el xvYCC, un espacio de color más reciente y ampliado para las señales de vídeo digitales.

Ir al menú principal