Mediante este tip vamos a ver que se entiende por RGB y como están compuestos estos modelos de color.
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 q 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.
Para indicar con qué proporción se mezcla cada color, le asignamos un valor a cada uno de los colores primarios, así, por ejemplo, el valor 0 significa que no interviene en la mezcla, y en la medida que ese valor aumenta, aportará más intensidad a la mezcla. Lo que conocemos como píxel es en realidad un conjunto de tres puntos, uno rojo, uno verde y uno azul, cada uno de los cuales brilla con una determinada intensidad.
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.
La codificación hexadecimal del color nos permite expresar fácilmente un color especifico 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 estan al minimo: 00, 00, 00.
blanco: #FFFFFF donde los canales estan al maximo FF, FF, FF.
En este sistema, el hexadecimal, además de los números del 0 al 9 se utilizan seis letras con lo sig 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
Así, cualquier color puede definirse por tres pares de dígitos. veamos:
Colores Primarios
rojo: #FF0000 donde el canal rojo esta al máximo y los otros al mínimo: FF, 00, 00.
verde: #00FF00 donde el canal verde esta al máximo y los otros al mínimo: 00, FF, 00.
azul: #0000FF donde el canal azul esta al maximo y los otros al minimo: 00, 00, FF.
Secundarios o CYM (Cyan, Yellow, Magenta)*
cian: #00FFFF donde los canales azul y verde están al máximo: 00, FF, FF.
amarillo (yellow): #FFFF00 donde los canales rojo y verde están al máximo: FF, FF, 00.
magenta: #FF00FF donde los canales rojo y azul están al máximo: FF, 00, FF.
*CYMK se le agraga la "K" de "key" q es el negro
Colores HTML o web
cyan: #00FFFF
gray: #808080
navy: #000080
silver:#C0C0C0
black: #000000
green: #008000
olive: #808000
teal: #008080
blue: #0000FF
lime: #00FF00
purple: #800080
fuchsia: #FF00FF
maroon: #800000
red: #FF0000
yellow: #FFFF00
white: #FFFFFF
ahora, podremos por ejemplo usar perfectamente la clase ColorTransform de ActionScript, saber en q medida queremos cada valor para r, g, y b. en fin, espero les sirva
Muy buena intro, pero creo que falto un poco mas de explicaciona cerca de como mezclar los valores, pero aun asi me ha ayudado en algunos puntos flotantes que tenia Por:Victor-Nael
Muy buen tip. Explicaste de modo muy simple algo que puede ser complicado de contar.
Ahora entiendo mejor la notación hexadecimal. Por:Elke
Es muy buena explicacion, aunque esta orientada hacia el diseño web.
Y quizas alguien no entienda algun termino. Alguna vez se han preguntado porque los humanos vemos los colores? Es porque en nuestros ojos tenemos 3 tipos de receptores. unos captan las ondas espectrales bajas(rojo), otros las medias(verde) y otros las altas(azul). Cuando a una persona le falta algun tipo de receptor es daltonica, aunque tambien puede ser un problema cerebral. Por eso cada persona ve el color de una forma diferente. Si ahora mismo te pusieran los ojos de otra persona, te quedarias mosqueado porque no verias de la misma forma el color. nosostros vemos los objetos porque la luz rebota en ellos y entra por nuestros ojos. Por eso cuando hay ausencia de luz no vemos nada.
Cuando un objeto es rojo, es porque ha absorvido la luz verde y la luz azul, por lo tanto rebota la luz rojo, que es la que nos hace ver el objeto rojo. Esto seria la teoria aditiva.
La teoria sustractiva se referiria los colores que crean a traves de los pigmentos, es decir tintas. cuando mezclas los 3 colores primarios(color luz), se produce el blanco. Pues en la teoria sustractiva es al contrario, cuando mezclas cian, magenta y amarillo al 100% se crea el color negro.
Alguna vez has entrado a photoshop has cogido el azul mas electrico que exise (R:0,G:0,B:255) y luego lo has pasado a modo CMYK? Comprobaras que el azul se ha convertido en azul oscuro y gris. Porque? muy sencillo es porque has pasado de color luz a color tinta, y el espectro de luminosidad del rgb es mucho mas alto que el de CMYK. Alguna vez has alumbrado una habitación a oscuras con una hoja impresa en tu impresora de casa? NO!! porque las tintas no emiten luz. Por eso los diseñadores que diseñan para papel siempre lo hacen en cmyk, porque asi no se daran sustos de saltos de color cuando vean el impreso Por:darklord
darklord :
Es muy buena explicacion, aunque esta orientada hacia el diseño web. Y quizas alguien no entienda algun termino.
tienes idea de donde estas parado? Por:
Jeje tienes razon, si entras aqui tienes que saber algo de diseño web. Pero es una teoria un poco mas amplia, y verla de un modo mas global te ayuda a entenderla mejor.
Por:darklord
Si vemos los objetos de un color porque estos no pueden retener ese espectro de luz, ¿quiere decir que el color real del objeto es negativo? El universo es negativo?? Parece el mito de la caverna de Platón. jejeje Por:Aiman_blog
Buen tip pero:
penHolder :
azul: #0000FF donde el canal azul esta al maximo y los otros al minimo: 00, FF, 00.
Es muy buena explicacion, aunque esta orientada hacia el diseño web.
Esta es una web de diseño web
darklord :
Por eso los diseñadores que diseñan para papel siempre lo hacen en cmyk
No es cierto algunos tenemos la libertad de trabajar en RGB. Por:Victor-Nael
Hola teóricamente hay dos tipos de colores primarios los de mezcla aditiva (RGB) y los de mezcla sustractiva (CMYK), y se diferencían en la manera que reaccionan a la luz; los colores son luz. La mezcla aditiva produce luz y la suma de sus colores da blanco, ejemplo: monitores, lamparas del teatro, televisión, proyectores, etc. ( los diseñadores web deben de trabajar en RGB ya que su medio de publicacion es un monitor que emite luz ) La gama de colores RGB es mucho mas amplia, es decir, hay muchos mas colores reales en CMYK.
La mezcla sustractiva por el contrario absorbe la luz, y la suma de sus colores da como resultado negro o ausencia de luz, ejemplo: plastilina, tinta, crayolas, etc. (Los medios impresos manejan CMYK como las impresoras de color que tienen 4 cartuchitos ) La gama de colores CMYK es menor que la RGB es por eso que al mezclar CMY queda un color pardo, se necesita agregarle K (negro - blacK) para lograr el tono más oscuro.
Todo se resume a emisión y absorción de luz, en realidad hay dos tipos de colores primarios los sustractivos y los aditivos! Saludos! Por:lemostro
Victor-Nael...
No deberias trabajar para papel en rgb, es peligroso...te puedes llegar a dar un susto, igual tu no porque sabes que cuando imprimas va a cambiar, pero si tu cliente, si le envias una prueba en rgb y luego lo ve en cmyk y ve el bajon de luminosidad..... Ademas algunos impresores tienes maquinas que tienen cierta calibracion de color para imprimir y al enviarles en rgb son las maquinas las que hacen ese cambio de color segun sus valores, que luego no son los esperados....
En cuanto a lo del diseño web. pos tienes razon. pero estas teorias se amplian a otros campos, y a veces en cristalab se habla tambien de photoshop que tambien se utiliza para otro tipo de diseños. Asi que me parecio interesante ampliar un poco el comentario. No hace falta enojarse Por:darklord
Victor-Nael, darklord, slow down boys, calmenzen
Rog3R, gracias por la correccion, tanto colorear letras se me paso; y tb gravias a el/la BOFH/SWAT q lo haya arreglado Por:penHolder
Yo reconozco que si me marcara un tip como tu, me daria un poquito de rabia que me lo estubieran corrigiendo.jeje;) Por:darklord
acá nos nos enojamos por criticas fundamentadas buenos comentarios sr. darklord claro que si la tomas con alguien lo mas probable es que unos simpáticos caballeros rusos visiten tu hogar Por:Inyaka
darklord :
Victor-Nael... No deberias trabajar para papel en rgb, es peligroso...
Ya lo se, es por eso que digo que una de mis ventajas es que uso flash y fireworks, para trabajar en impresion, ya se que van a decir, que las paletas de flash y fireworks son pare web, eso lo se perfectamente pero mi amor por macromedia es tan grande que yo uso esos 2 programas para trabajar en papel, muchos me critican de que es una mala practica, pero como tu sabras los que trabajamos en la publicidad impresa, jamas tendremos oportunidad de hacer una web con codigo, por que ser diseñador web es un sueño que tengo u_un, pero el destino me llevo al diseño en "Artes Graficas", asi que en venganza uso Rgb en vez de CMYK. (Solo de esta forma puedo demostrar mi gran a mor hacia macromedia)
Ps: No te preocupes darklord, mis maquinas estan calibradas para que puedan trabajar Rgb y CMYK, estan totalmente configuradas para que trabajen a mi modo (MODO CMYK :: MODO RGB O_0n) Por:Victor-Nael
seri8a bastante mejor con representacion grficas Por:alumno sena_blog
Buenas ... buena su explicacion me podria orientar sobre una matris RGB... gracias Por:jua caires_blog
Hola, Alguien sabe que relacion hay entre RGB y los conectores de la TV (DVD) rojo, Blanco y Amarillo?
Gracias Por:GoriGori-blog
