Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Presentacion gibrán rgb

188 views

Published on

modelo RGV

  • Be the first to comment

  • Be the first to like this

Presentacion gibrán rgb

  1. 1. INSTITUTO UNIVERSITARIO POLITÉCNICO REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD DE LOS ANDES FACULTAD DE HUMANIDADES Y EDUCACIÓN ESCUELA DE MEDIOS AUDIOVISUALES <ul><li>CÓDIGO DE COLORES RGB </li></ul>Ponentes: Gibrán Román Erly Vecchi Namelis Rivero Profesor: Raymond Marquina   Red   Green   Blue
  2. 2. Código de colores RGB La descripción RGB (del inglés Red, Green, Blue; &quot;rojo, verde, azul&quot;) 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.
  3. 3. <ul><li>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. </li></ul>
  4. 4. Representación hexadecimal Este 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.
  5. 5. 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
  6. 6. 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:
  7. 7. 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 =10 B =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.
  8. 8. 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”.
  9. 9. 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.
  10. 10. 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.
  11. 11. 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
  12. 12.   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
  13. 13.   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
  14. 14.   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
  15. 15.   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
  16. 16.   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
  17. 17. Colores: RGB y CMYK A 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  
  18. 18. 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.
  19. 19. 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 Magenta R: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
  20. 20. 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
  21. 21. Colores sustractivos Cuando 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.
  22. 22. Diferencias entre CMYK y RGB Los 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.
  23. 23. 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). 
  24. 24. GRACIAS

×