presentacion gibrán rgb
DESCRIPTION
Presentacion de RGBTRANSCRIPT
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