INSTITUTO UNIVERSITARIO POLITÉCNICOREPÚBLICA BOLIVARIANA DE VENEZUELA

UNIVERSIDAD DE LOS ANDESFACULTAD DE HUMANIDADES Y EDUCACIÓN

ESCUELA DE MEDIOS AUDIOVISUALES

CÓDIGO DE COLORES RGB

Ponentes: Gibrán Román Erly Vecchi Namelys RiveroProfesor: Raymond Marquina

  Red

  Green

  Blue

Código de colores RGB

La descripción RGB (del inglés Red, Green, Blue; "rojo, verde, azul") de un color hace referencia a su composición de la intensidad de los colores primarios con que se forma: el rojo, el verde y el azul. Este un modelo de color basado en lo que se conoce como síntesis aditiva, con lo que es posible representar a un color por la mezcla por adición de los tres colores luz primarios.

El código de colores RGB, rojo - verde - azul, se basa en la mezcla de estos 3 colores para conseguir toda la gama completa. Cada uno de los colores toma un valor entre 0 y 255, un total de 256, con los que se consigue un total de 256 x 256 x 256 = 16.777.216 colores distintos.

Representación hexadecimalEste valor se representa en hexadecimal, con lo que el rango va de 00 a FF por cada uno de ellos. El código se expresa así: #RRGGBB siendo cada uno de los valores de 2 cifras el rango de cada uno de los 3 colores, con lo que obtenemos el valor final que representa a cada color. Esto significa que al trabajar con modos de color diferentes, como CMYK, Photoshop convierte temporalmente los datos a RGB para su visualización.

La gama de colores de la web consiste en 216 combinaciones de rojo, verde y azul, donde cada color puede tomar un valor entre seis diferentes (en hexadecimal): #00, #33, #66, #99, #CC o #FF, que tienen un porcentaje de intensidad de 0%, 20%, 40%, 60%, 80% y 100%, respectivamente. Ejemplos:- Negro: representa la ausencia de color, por tanto su valor será: #000000- Blanco: es la mezcla de todos los colores: #FFFFFF- Rojo: todo el tono es del rojo, siendo los otros 2 nulos: #FF0000- Verde: sólo aparece el verde, sin tener valor los otros 2: #00FF00- Azul: idéntico razonamiento, pero sólo con el azul: #0000FF

La Codificación hexadecimal

La codificación hexadecimal del color nos permite expresar fácilmente un color específico de la escala RGB, utilizando la notación hexadecimal esta notación la encontramos, por ejemplo, en el lenguaje HTML, JavaScript, o ActionScript, y otros lenguajes.

Este sistema utiliza la combinación de tres códigos de dos dígitos para expresar las diferentes intensidades de los colores primarios RGB, por ejemplo:

Blanco y Negro Negro: #000000 donde los canales están al mínimo: 00, 00, 00.Blanco: #FFFFFF donde los canales están al máximo FF, FF, FF.

En este sistema, el hexadecimal, además de los números del 0 al 9 se utiliza seis letras con los siguientes valores numéricos:

A =10B =11 C =12 D =13 E =14 F =15

La correspondencia entre la numeración hexadecimal y la decimal u ordinaria se puede representar por la siguiente fórmula: Código: decimal = primera cifra hexadecimal * 16 + segunda cifra hexadecimal.

Síntesis aditiva de los colores La superposición de haces de luces de los colores primarios rojo, verde y azul para obtener otra gama y matices de diferentes colores se conoce como “síntesis aditiva”.

La síntesis aditiva se crea cuando proyectamos y superponemos tres haces de luz de los colores primarios, o sea,  rojo, verde y azul.  En el punto donde se superponen dos colores primarios, se  crean, a su vez, los colores secundarios cian, magenta y amarillo. En el punto central, donde se superponen los tres haces de luz, aparece el color blanco.

Una forma de comprobar en la práctica el proceso de formación de los colores por síntesis aditiva es empleando tres proyectores de diapositivas, o en su lugar tres linternas, para que cada una emita un haz de luz de un color primario distinto. En el caso de las linternas, a una de ellas le colocaríamos un papel celofán (papel transparente) de color rojo, a la otra uno verde y a la última uno azul. Si en lugar de linternas utilizamos proyectores, le colocaríamos a cada uno transparencias o diapositivas con un color primario diferente.

Empleo práctico de la síntesis aditiva

En la práctica, el uso más extendido de la síntesis aditiva está en los televisores, tanto para los antiguos tubos de pantalla CRT (Cathode Ray Tube - Tubo de Rayos Catódicos), como para las más modernas y actuales pantallas LCD, TFT y de plasma, donde se forman y reproducen las imágenes en colores que se reciben de las estaciones de televisión o de los equipos reproductores de vídeo, ya sea videocinta, CDs o DVDs.

Principales nombres de colores X11. El módulo CSS3: Color es posible de representar por la mayoría de navegadores:

Color Nombre Código RGB Color Nombre Código RGB

  AliceBlue #F0F8FF   LightSalmon #FFA07A

  AntiqueWhite #FAEBD7   LightSeaGreen #20B2AA

  Aqua #00FFFF   LightSkyBlue #87CEFA

  Aquamarine #7FFFD4   LightSlateGray #778899

  Azure #F0FFFF   LightSteelBlue #B0C4DE

  Beige #F5F5DC   LightYellow #FFFFE0

  Bisque #FFE4C4   Lime #00FF00

  Black #000000   LimeGreen #32CD32

  BlanchedAlmon#FFEBCD   Linen #FAF0E6

  Blue #0000FF   Magenta #FF00FF

  BlueViolet #8A2BE2   Maroon #800000

  Brown #A52A2A  MediumAquamarine

#66CDAA

  BurlyWood #DEB887   MediumBlue #0000CD

  CadetBlue #5F9EA0   MediumOrchid #BA55D3

  Chartreuse #7FFF00   MediumPurple #9370DB

  Chocolate #D2691E  MediumSeaGreen

#3CB371

  Coral #FF7F50  MediumSlateBlue

#7B68EE

  CornflowerBlue #6495ED  MediumSpringGreen

#00FA9A

  Cornsilk #FFF8DC  MediumTurquoise

#48D1CC

  Crimson #DC143C  MediumVioletRed

#C71585

  Cyan #00FFFF   MidnightBlue #191970

  DarkBlue #00008B   MintCream #F5FFFA

  DarkCyan #008B8B   MistyRose #FFE4E1

  DarkGoldenrod #B8860B   Moccasin #FFE4B5

  DarkGray #A9A9A9   NavajoWhite #FFDEAD

  DarkGreen #006400   Navy #000080

  DarkKhaki #BDB76B   OldLace #FDF5E6

  DarkMagenta #8B008B   Olive #808000

  DarkOliveGreen #556B2F   OliveDrab #6B8E23

  DarkOrange #FF8C00   Orange #FFA500

  DarkOrchid #9932CC   OrangeRed #FF4500

  DarkRed #8B0000   Orchid #DA70D6

  DarkSalmon #E9967A   PaleGoldenrod #EEE8AA

  DarkSeaGreen #8FBC8F   PaleGreen #98FB98

  DarkSlateBlue #483D8B   PaleTurquoise #AFEEEE

  DarkSlateGray #2F4F4F   PaleVioletRed #DB7093

  DarkTurquoise #00CED1   PapayaWhip #FFEFD5

  DarkViolet #9400D3   PeachPuff #FFDAB9

  DeepPink #FF1493   Peru #CD853F

  DeepSkyBlue #00BFFF   Pink #FFC0CB

  DimGray #696969   Plum #DDA0DD

  DodgerBlue #1E90FF   PowderBlue #B0E0E6

  FireBrick #B22222   Purple #800080

  FloralWhite #FFFAF0   Red #FF0000

  ForestGreen #228B22   RosyBrown #BC8F8F

  Fuchsia #FF00FF   RoyalBlue #4169E1

  Gainsboro #DCDCDC   SaddleBrown #8B4513

  GhostWhite #F8F8FF   Salmon #FA8072

  Gold #FFD700   SandyBrown #F4A460

  Goldenrod #DAA520   SeaGreen #2E8B57

  Gray #808080   Seashell #FFF5EE

  Green #008000   Sienna #A0522D

  GreenYellow #ADFF2F   Silver #C0C0C0

  Honeydew #F0FFF0   SkyBlue #87CEEB

  HotPink #FF69B4   SlateBlue #6A5ACD

  IndianRed #CD5C5C   SlateGray #708090

  Indigo #4B0082   Snow #FFFAFA

  Ivory #FFFFF0   SpringGreen #00FF7F

  Khaki #F0E68C   SteelBlue #4682B4

  Lavender #E6E6FA   Tan #D2B48C

  LavenderBlush #FFF0F5   Teal #008080

  LawnGreen #7CFC00   Thistle #D8BFD8

  LemonChiffon #FFFACD   Tomato #FF6347

  LightBlue #ADD8E6   Turquoise #40E0D0

  LightCoral #F08080   Violet #EE82EE

  LightCyan #E0FFFF   Wheat #F5DEB3

 LightGoldenrodYellow

#FAFAD2   White #FFFFFF

  LightGreen #90EE90   WhiteSmoke #F5F5F5

  LightGrey #D3D3D3   Yellow #FFFF00

  LightPink #FFB6C1   YellowGreen #9ACD32

Colores: RGB y CMYKA la hora de intentar reproducir los colores partimos de tres colores primarios, los cuales, mezclados a distintas intensidades, proporcionan toda la paleta de colores que conocemos. Pero esto no se realiza igual si pretendemos crear una fuente de luz con un color determinado, como el monitor de ordenador, o un objeto que refleje la luz y se vea de uno u otro color, como la tinta impresa.

Colores aditivos

 

Los dispositivos, como monitores, televisores, teléfonos móviles, pantallas en cámaras digitales, entre otros. tienen una fuente de luz propia. Se piensa que en cada uno de los píxeles de la pantalla de un monitor. Cada píxel está dividido en tres subpíxeles con los colores aditivos primarios: rojo, verde y azul.  Para obtener el resto de colores, basta con mezclar un haz de color de uno de estos colores, y un haz de cada uno de los otros colores primarios, a distintas intensidades. Por eso se denomina colores aditivos: la suma de ellos produce el color final.

Normalmente, se utiliza un byte para definir cada uno de los colores primarios, lo que nos da más de 16 millones de combinaciones. Así se puede representar un color con un valor que indique la intensidad de cada primario, en forma porcentual (97%, 94%, 89%) con valores entre 0% y 100%, decimal (247, 240, 226) con valores entre 0 y 255, como se utiliza principalmente en Illustrator, o en formato hexadecimal (#F7F0E2, cada letra corresponde a un número a partir de 9: A=10, B=11... F=15) con valores entre 00 y FF, como se utiliza en la normalmente web. Esto nos permite definir los principales colores como vemos en esta tabla:

Rojo R:255, G:0, B:0 MagentaR:255, G:0, B:255

Verde R:0, G:255, B:255 Amarillo R:255, G:255, B:0

Azul R:0, G:0, B:255 Cyan R:0, G:255, B:255

El blanco puro se obtiene al mezclar todos los colores con intensidad máxima (R: 255, G:255, B:255 o #FFFFFF), y el negro puro es la ausencia de todos ellos (R:0, G:0, B:0 o #000000). Cuando los tres colores tienen la misma intensidad (colores neutros), obtenemos grises, y si variamos la intensidad de la mezcla, pero manteniendo la proporcionalidad entre los tres colores, obtenemos distintos tonos de un color.

#FFFFFF #DFDFDF #9F9F9F #5F5F5F #2F2F2F #000000

Colores sustractivosCuando se quiere dar color a un objeto sin luz propia, usamos tintas o pinturas. Se trata de sustancias diseñadas para que absorban todos los colores excepto el que se desea ver, que es reflejado y llega a nuestros ojos. Es decir, un objeto es rojo porque absorbe toda la luz que le llega, excepto la roja, que es reflejada hacia nosotros.  Normalmente se parte de un fondo blanco que refleja todos los colores. Al pintar de un color, vamos eliminando o sustrayendo el reflejo del resto de colores, dejando sólo el que queremos que se vea. Por lo que a este sistema se le denomina mezcla sustractiva de colores. En este caso, para conseguir el negro deberíamos de quitar todos los reflejos.

Diferencias entre CMYK y RGBLos colores primarios sustractivos son el cyan, magenta y amarillo. Los colores primarios de RGB, verás que estos son los opuestos. Por ejemplo, el cyan es el opuesto del rojo, ya que se obtiene de mezclar el verde y azul al máximo, y el rojo a 0, por lo que al aplicarlo, es el único color que absorbe.

Para representar los colores sustractivos, se utiliza el modelo CMYK, cyan, magenta, yellow y key (el negro, color clave). Aunque el negro se puede obtener combinando el resto, se ha añadido para obtener un mejor resultado en impresoras, un negro más puro, y ahorrar tinta. Con este sistema, representamos cada color como cuatro cifras porcentuales, comprendidas entre 0% y 100%.

En el sistema CMYK, los colores más claros y cercanos al blanco tienen valores más bajos, y requieren de menos tinta.

Arriba se puede observar que aunque son muy parecidos, los colores de la fotografía de la izquierda (RGB) no son exactamente iguales que los de la derecha (CMYK). 

GRACIAS