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 Namelis 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