Presentaciòn RGB.

2. 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.

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. GRACIAS