Diferencia entre revisiones de «RGB»
Sin resumen de edición |
Enlaces añadidos Etiquetas: Edición desde móvil Edición vía aplic. móvil Edición vía aplic. para Android |
||
| (No se muestran 370 ediciones intermedias de más de 100 usuarios) | |||
| Línea 1: | Línea 1: | ||
[[Archivo:Synthese+.svg|thumb| |
[[Archivo:Synthese+.svg|thumb|Modelo aditivo de colores rojo, verde, azul.]] |
||
'''[[modelo de color RGB|RGB]]''' (sigla del inglés '''''R'''ed, '''G'''reen, '''B'''lue''; en español, ‘'''R'''ojo, '''V'''erde, '''A'''zul’) o '''RVA''' (sigla preferida por la [[Asociación de Academias de la Lengua Española|ASALE]] y la [[Real Academia Española|RAE]]{{cr}}) es la composición del color en términos de la intensidad de los [[color primario#Colores primarios de luz (RGB)|colores primarios de la luz]]. |
|||
si la cosa es esta cuan cuando un color digo digo si La descripción es esta pues esta es la descripcion '''RGB''' (del inglés ''Red, Green, Blue''; "rojo, verde, azul") de un [[color]] hace referencia a la composición del color en términos de la intensidad de los [[colores primarios]] con que se forma: el rojo, el verde y el azul. Es un modelo de color basado en la [[síntesis aditiva de color|síntesis aditiva]], con el que es posible representar un color mediante la mezcla por adición de los tres colores luz primarios. El modelo de color RGB no define por sí mismo lo que significa exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden mostrar colores notablemente diferentes en diferentes dispositivos que usen este modelo de color. Aunque utilicen un mismo modelo de color, sus espacios de color pueden variar considerablemente. |
|||
== Modelo de color RGB == |
|||
Para indicar con qué proporción mezclamos cada color, se asigna un valor a cada uno de los colores primarios, de manera, por ejemplo, que el valor 0 significa que no interviene en la mezcla y, a medida que ese valor aumenta, se entiende que aporta más intensidad a la mezcla. Aunque el intervalo de valores podría ser cualquiera (valores reales entre 0 y 1, valores enteros entre 0 y 37, etc.), es frecuente que cada color primario se codifique con un [[byte]] (8 [[bit]]s). Así, de manera usual, la intensidad de cada una de las componentes se mide según una escala que va del 0 al 255. |
|||
[[Archivo: |
[[Archivo:Colorcube-1.png|thumb|La representación tridimensional de este modelo es el cubo RGB.]] |
||
RGB es un modelo de color basado en la [[síntesis aditiva de color|síntesis aditiva]], con el que es posible representar un color mediante la mezcla por adición de los tres colores de luz primarios. El modelo de color RGB no define por sí mismo lo que significa exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden mostrar colores notablemente diferentes en distintos dispositivos que usen este modelo de color. Aunque utilicen un mismo modelo de color, sus espacios de color pueden variar considerablemente. |
|||
Por lo tanto, el rojo se obtiene con (-255,0,0), el verde con (0,255,0) y el azul con (0,0,255), obteniendo, en cada caso un color resultante monocromático. La ausencia de color —lo que nosotros conocemos como color negro— se obtiene cuando las tres componentes son 0, (0,0,0). |
|||
=== Percepción y sensación de color === |
|||
La combinación de dos colores a nivel 255 con un tercero en nivel 0 da lugar a tres colores intermedios. De esta forma el amarillo es (255,255,0), el cyan (0,255,255) y el magenta (255,0,255). |
|||
Los ojos humanos tienen dos tipos de células sensibles a la luz o [[fotorreceptor]]es: los [[Bastón (célula)|bastones]] y los [[Cono (célula)|conos]]. Estos últimos son los encargados de aportar la información de color. |
|||
Para saber cómo es percibido un color, hay que tener en cuenta que existen tres tipos de conos con respuestas frecuenciales diferentes, y que tienen máxima sensibilidad a los colores que forman la terna RGB. Aunque los conos que reciben información del verde y el rojo tienen una curva de sensibilidad similar, la respuesta al color azul es una veinteava (1/20) parte de la respuesta a los otros dos colores. Este hecho lo aprovechan algunos sistemas de codificación de imagen y vídeo, como el [[JPEG]] o el [[MPEG]], «perdiendo» de manera consciente más información del componente azul, ya que el ser humano no percibe esta pérdida. |
|||
Obviamente, el color blanco se forma con los tres colores primarios a su máximo nivel (255,255,255). |
|||
La sensación de color se puede definir como la respuesta de cada una de las curvas de sensibilidad al espectro radiado por el objeto observado. De esta manera, obtenemos tres respuestas diferentes, una por cada color. |
|||
El conjunto de todos los colores se puede representar en forma de cubo. Cada color es un punto de la superficie o del interior de éste. La escala de grises estaría situada en la diagonal que une al color blanco con el negro. |
|||
El hecho de que la sensación de color se obtenga de este modo, hace que dos objetos observados, radiando un [[Espectro de frecuencias|espectro]] diferente, puedan producir la misma sensación. Y en esta limitación de la [[ojo|visión humana]] se basa el modelo de síntesis del color, mediante el cual podemos obtener a partir de estímulos visuales estudiados y con una mezcla de los tres colores primarios, el color de un objeto con un espectro determinado. |
|||
== El color en las pantallas de computadora == |
|||
== Tratamiento de la señal de vídeo RGB == |
|||
En las pantallas de computadoras, la sensación de color se produce por la mezcla aditiva de rojo, verde y azul. Hay una serie de puntos minúsculos llamados píxeles. Cada punto de la pantalla es un píxel y cada [[píxel]] es, en realidad, un conjunto de tres subpíxeles; uno rojo, uno verde y uno azul, cada uno de los cuales brilla con una determinada intensidad. |
|||
RGB es el tratamiento de la señal de [[vídeo]] que trata por separado las señales de los tres colores rojo, verde y azul. Al usarlo independientemente, proporciona mayor calidad y reproducción más fiel del [[color]]. |
|||
=== Visión general === |
|||
Al principio, la limitación en la profundidad de color de la mayoría de los [[Monitor de computadora|monitor]]es condujo a una gama limitada a 216 colores, definidos por el cubo de color. No obstante, el predominio de los monitores de 24-bit, posibilitó el uso de 16.7 millones de colores del espacio de color [[HTML]] RGB. |
|||
El modelo de color llamado RGB es el que se utiliza en todos los sistemas que forman imágenes a través de rayos luminosos, ya sea emitiéndolos o recibiéndolos. |
|||
El modelo RGB está formado por los tres componentes de colores primarios aditivos y como mínimo un componente de sincronismo. Los componentes de color son las señales rojo, verde y azul; siendo transmitidos cada uno independiente y aislado del resto. |
|||
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. |
|||
De esta forma no hay pérdidas en el tratamiento de la imagen puesto que los colores primarios siguen existiendo como tal en su transmisión. Por el contrario, mediante este sistema hay mucha información redundante, con el consiguiente aumento del ancho de banda necesario respecto a otros métodos de transmisión. Por ejemplo, cada color lleva el valor de brillo de toda la imagen, de forma que esta información está por triplicado. |
|||
Podemos ver que 6<sup>3</sup> nos da el número de combinaciones, 216. Estos valores en decimal se corresponden con 0, 51, 102, 153, 204 y 255, que tienen un porcentaje de intensidad de 0%, 20%, 40%, 60%, 80% y 100%, respectivamente. Esto nos permite dividir los 216 colores en un cubo de dimensión 6. |
|||
=== Emisores RGB === |
|||
Se procura que los píxeles sean de un color cuanto más saturado mejor, pero nunca se trata de un color absolutamente puro. Por tanto la producción de colores con este sistema tiene una doble limitación: |
|||
[[Archivo:RGB color wheel pixel 30.svg|thumb|[[Círculo cromático]] RGB. Cada píxel de una pantalla o monitor, sintetiza un color graduando la luminosidad de sus 3 subpíxeles.]] |
|||
Unos sistemas (los que emiten rayos luminosos) forman las imágenes bien a través de tubos de rayos catódicos (TV, monitores, proyectores de vídeo, etc.), a través de [[LED]] (diodos luminosos) o sistemas de Plasma (TV, monitores, etc.). |
|||
==== Señal de luminancia ==== |
|||
:* La derivada del funcionamiento de las mezclas aditivas: sólo podemos obtener los colores interiores del triángulo formado por las tres fuentes luminosas. |
|||
La sensación de luminosidad viene dada por el brillo de un objeto y por su opacidad, pudiendo producir dos objetos con tonalidades y prismas diferentes la misma sensación lumínica. La señal de [[luminancia]] es la [[Cuantificación digital|cuantificación]] de esa sensación de brillo. Para mantener la compatibilidad entre las imágenes en blanco y negro y las imágenes en color, los sistemas de televisión actuales ([[PAL]], [[NTSC]], [[SECAM]]) transmiten tres informaciones: la luminancia y dos señales diferencia de color. |
|||
De esta manera, los antiguos modelos en blanco y negro pueden obviar la información relativa al color, y reproducir solamente la luminancia, es decir, el brillo de cada píxel aplicado a una imagen en escala de grises. Y las televisiones en color obtienen la información de las tres componentes RGB a partir de una matriz que relaciona cada componente con una de las señales diferencia de color. |
|||
Para cada uno de los sistemas de televisión se transmiten de diferente manera, motivo por el cual podemos tener problemas al reproducir una señal NTSC en un sistema de reproducción PAL. |
|||
==== Señal de sincronismo ==== |
|||
La señal de sincronismo es necesaria para poder marcar la pauta de guiado de la muestra de colores en pantalla, tanto en el sentido horizontal (el avance de la línea de imagen), como en sentido vertical (el salto a una nueva línea de imagen. |
|||
El sincronismo puede transmitirse principalmente de tres formas: |
|||
* '''Sincronismos separados (RGBHV)''': Mediante este método existe una señal para el sincronismo horizontal HSync y otra señal para el sincronismo vertical VSync, ambas independientes entre sí y entre las señales de colores, teniendo en total 5 señales en la transmisión. |
|||
* '''Sincronismo compuesto (RGBS)''': Mediante este método existe una señal con toda la información del sincronismo horizontal y vertical, independiente entre las señales de colores, teniendo en total 4 señales en la transmisión. |
|||
* '''Sincronismo en verde (RGsB o SoG -Sync on Green-)''': Mediante este método existe una señal con toda la información del sincronismo horizontal y vertical multiplexada junto con la señal de color verde, teniendo en total 3 señales en la transmisión. |
|||
Nótese que este modelo existe solamente en pantallas y combinaciones de luz. No se aplica a los pigmentos (pintura), a los que corresponde el modo sustractivo de luz.<ref>https://web.archive.org/web/20080209023216/http://www.ipsi.fraunhofer.de/Kueppersfarbe/es/index.html</ref> |
|||
=== Receptores RGB === |
|||
Los sistemas que reciben y capturan luz (capturan las imágenes) son las cámaras digitales de fotografía y vídeo, los escáneres, etc. Gracias al establecimiento de este modelo de color, ha sido posible la creación de todos estos sistemas de emisión y recepción de imágenes. |
|||
Sin embargo, algunos valores (intensidad de brillo) no pueden ser obtenidos por este método. |
|||
== Uso de RGB en HTML y en lenguajes de programación == |
|||
Para indicar con qué proporción es mezclado cada color, se asigna un valor a cada uno de los colores primarios, de manera que el valor "0" significa que no interviene en la mezcla y, a medida que ese valor aumenta, se entiende que aporta más intensidad a la mezcla. Aunque el intervalo de valores podría ser cualquiera (valores reales entre 0 y 1, valores enteros entre 0 y 37, etc.), es frecuente que cada color primario se codifique con un [[byte]] (8 [[bit]]s). |
|||
Así, de manera usual, la intensidad de cada una de las componentes se mide según una escala que va del 0 al 255 y cada color es definido por un conjunto de valores escritos entre paréntesis (correspondientes a valores "R", "G" y "B") y separados por comas. |
|||
[[Archivo:avl3119color4a.svg|thumb|Cubo RGB.]] |
|||
De este modo, el rojo se obtiene con (255,0,0), el verde con (0,255,0) y el azul con (0,0,255), obteniendo, en cada caso un color resultante monocromático. La ausencia de color, es decir el color negro, se obtiene cuando las tres componentes son 0: (0,0,0). La combinación de dos colores a su máximo valor de 255 con un tercero con valor 0 da lugar a tres colores intermedios. De esta forma, aparecen los colores amarillo (255,255,0), cian (0,255,255) y magenta (255,0,255). El color blanco se forma con los tres colores primarios a su máximo valor (255,255,255). |
|||
El conjunto de todos los colores también se puede representar en forma de cubo. Cada color es un punto de la superficie o del interior de este. La escala de grises estaría situada en la diagonal que une al color blanco con el negro. |
|||
=== HTML === |
|||
En las pantallas, la sensación de color se produce por la mezcla aditiva de rojo, verde y azul. Las pantallas se dividen en puntos minúsculos llamados [[píxel]]es formados por tres subpíxeles de colores primarios de luz, cada uno de los cuales brilla con una determinada intensidad. |
|||
Al principio, la limitación en la profundidad de color de la mayoría de los [[Monitor de computadora|monitores]] condujo a una gama limitada a 216 colores, definidos por el cubo de color, mediante la fórmula 6<sup>3</sup>=216. No obstante, el predominio de los monitores de 24-bit (resultante de 2<sup>24</sup>), posibilitó el uso de 16.777.216 colores del espacio de color [[HTML]] RGB. |
|||
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 numeración [[hexadecimal]]): #00, #33, #66, #99, #CC o #FF, cuyos valores respectivos en sistema decimal equivalen a 0, 51, 102, 153, 204 y 255, que tienen un porcentaje de intensidad de 0%, 20%, 40%, 60%, 80% y 100%, respectivamente. Esto nos permite dividir los 216 colores en un cubo de dimensión 6. |
|||
Se procura que los píxeles sean de un color tal que cuanto más saturado sea, será mejor, pero nunca se trata de un color absolutamente puro. Por tanto la producción de colores con este sistema tiene limitaciones: |
|||
:* La derivada del funcionamiento de las mezclas aditivas: sólo pueden ser obtenidos los colores interiores del triángulo formado por los tres colores primarios de luz. |
|||
:* La derivada del hecho que los colores primarios usados no son absolutamente monocromáticos. |
:* La derivada del hecho que los colores primarios usados no son absolutamente monocromáticos. |
||
:* |
:* Las diversas pantallas no son iguales exactamente, además de ser configurables por los usuarios, con lo cual varios parámetros pueden variar. |
||
Esto implica que las codificaciones de los colores destinadas a las pantallas se deben interpretar como descripciones relativas, y entender la precisión de acuerdo con las características de la pantalla. |
Esto implica que las codificaciones de los colores destinadas a las pantallas se deben interpretar como descripciones relativas, y entender la precisión de acuerdo con las características de la pantalla. |
||
== Codificación hexadecimal del color == |
=== Codificación hexadecimal del color === |
||
[[Archivo: |
[[Archivo:CIExy1931 CIERGB.png|thumb|Colores de la CIE.]] |
||
La codificación hexadecimal del color permite expresar fácilmente un color concreto de la escala [[RGB]], utilizando la notación hexadecimal. Se utiliza, por ejemplo, en el lenguaje HTML y en [[JavaScript]]. |
|||
Este sistema utiliza la combinación de tres códigos de dos dígitos para expresar las diferentes intensidades de los colores primarios RGB |
La codificación dodecadecimal del color permite expresar fácilmente un color concreto de la escala RGB, utilizando la notación hexadecimal, como en el lenguaje HTML y en [[JavaScript]]. Este sistema utiliza la combinación de tres códigos de dos dígitos para expresar las diferentes intensidades de los colores primarios RGB . |
||
{| border="0" cellpadding="5" class="wikitable" |
{| border="0" cellpadding="5" class="wikitable" |
||
| Línea 42: | Línea 89: | ||
|----- |
|----- |
||
| valign="top" | [[Negro (color)|Negro]] |
| valign="top" | [[Negro (color)|Negro]] |
||
| valign="top" style="background: #000000; color:# |
| valign="top" style="background: #000000; color:#ffffff" | #000000 |
||
| Los tres |
| Los tres [[Canal (imagen digital)|canal]]es están al mínimo 00, 00 y 00 |
||
|----- |
|----- |
||
| valign="top" | [[Blanco (color)|Blanco]] |
| valign="top" | [[Blanco (color)|Blanco]] |
||
| Línea 52: | Línea 99: | ||
En el sistema de numeración hexadecimal, además de los números del 0 al 9 se utilizan seis letras con un valor numérico equivalente; a=10, b=11, c=12, d=13, e=14 y f=15. La correspondencia entre la numeración hexadecimal y la decimal u ordinaria viene dada por la siguiente fórmula: |
En el sistema de numeración hexadecimal, además de los números del 0 al 9 se utilizan seis letras con un valor numérico equivalente; a=10, b=11, c=12, d=13, e=14 y f=15. La correspondencia entre la numeración hexadecimal y la decimal u ordinaria viene dada por la siguiente fórmula: |
||
:'''decimal = primera cifra hexadecimal |
:'''decimal = primera cifra hexadecimal × 16 + segunda cifra hexadecimal''' |
||
La intensidad máxima es ff, que se corresponde con ( |
La intensidad máxima es ff, que se corresponde con (15×16)+15= 255 en decimal, y la nula es 00, también 0 en decimal. De esta manera, cualquier color queda definido por tres pares de dígitos. |
||
{| border="0" cellpadding="5" class="wikitable" |
{| border="0" cellpadding="5" class="wikitable" |
||
| Línea 79: | Línea 126: | ||
| Los canales rojo y verde están al máximo |
| Los canales rojo y verde están al máximo |
||
|----- |
|----- |
||
| valign="top" | [[ |
| valign="top" | [[Cian (color)|Cian]] |
||
| valign="top" style="background: #00ffff;" | #00ffff |
| valign="top" style="background: #00ffff;" | #00ffff |
||
| Los canales |
| Los canales verde y azul están al máximo |
||
|----- |
|----- |
||
| valign="top" | [[Magenta]] |
| valign="top" | [[Magenta]] |
||
| valign="top" style="background: #ff00ff;" | #ff00ff |
| valign="top" style="background: #ff00ff;" | #ff00ff |
||
| Los canales |
| Los canales azul y rojo están al máximo |
||
|----- |
|----- |
||
| valign="top" | Gris claro |
| valign="top" | Gris claro |
||
| valign="top" style="background: # |
| valign="top" style="background: #d0d0d0;"| #d0d0d0 |
||
| Los tres canales tienen la misma intensidad |
| Los tres canales tienen la misma intensidad |
||
|----- |
|----- |
||
| valign="top" | Gris oscuro |
| valign="top" | Gris oscuro |
||
| valign="top" style="background: #5e5e5e; color:# |
| valign="top" style="background: #5e5e5e; color:#ffffff" | #5e5e5e |
||
| Los tres canales tienen la misma intensidad |
| Los tres canales tienen la misma intensidad |
||
|} |
|} |
||
| Línea 109: | Línea 156: | ||
!Hexadecimal |
!Hexadecimal |
||
|- |
|- |
||
|cian |
|||
|Cyan |
|||
|style="background:#00ffff; color:#000000; font-family:monospace;"|#00ffff |
|style="background:#00ffff; color:#000000; font-family:monospace;"|#00ffff |
||
|negro |
|||
|black |
|||
|style="background:#000000; color:#ffffff; font-family:monospace;"|#000000 |
|style="background:#000000; color:#ffffff; font-family:monospace;"|#000000 |
||
|azul |
|||
|blue |
|||
|style="background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff |
|style="background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff |
||
|fucsia |
|||
|fuchsia |
|||
|style="background:#ff00ff; color:#000000; font-family:monospace;"|#ff00ff |
|style="background:#ff00ff; color:#000000; font-family:monospace;"|#ff00ff |
||
|- |
|- |
||
|gris |
|||
|gray |
|||
|style="background:#808080; color:#ffffff; font-family:monospace;"|#808080 |
|style="background:#808080; color:#ffffff; font-family:monospace;"|#808080 |
||
|verde |
|||
|green |
|||
|style="background:#008000; color:#ffffff; font-family:monospace;"|#008000 |
|style="background:#008000; color:#ffffff; font-family:monospace;"|#008000 |
||
|verde lima |
|||
|lime |
|||
|style="background:#00ff00; color:#000000; font-family:monospace;"|#00ff00 |
|style="background:#00ff00; color:#000000; font-family:monospace;"|#00ff00 |
||
|granate |
|||
|maroon |
|||
|style="background:#800000; color:#ffffff; font-family:monospace;"|#800000 |
|style="background:#800000; color:#ffffff; font-family:monospace;"|#800000 |
||
|- |
|- |
||
|azul marino |
|||
|navy |
|||
|style="background:#000080; color:#ffffff; font-family:monospace;"|#000080 |
|style="background:#000080; color:#ffffff; font-family:monospace;"|#000080 |
||
|verde oliva |
|||
|olive |
|||
|style="background:#808000; color:#ffffff; font-family:monospace;"|#808000 |
|style="background:#808000; color:#ffffff; font-family:monospace;"|#808000 |
||
|morado |
|||
|purple |
|||
|style="background:#800080; color:#ffffff; font-family:monospace;"|#800080 |
|style="background:#800080; color:#ffffff; font-family:monospace;"|#800080 |
||
|rojo |
|||
|red |
|||
|style="background:#ff0000; color:#ffffff; font-family:monospace;"|#ff0000 |
|style="background:#ff0000; color:#ffffff; font-family:monospace;"|#ff0000 |
||
|- |
|- |
||
|plateado |
|||
|silver |
|||
|style="background:#c0c0c0; color:#000000; font-family:monospace;"|#c0c0c0 |
|style="background:#c0c0c0; color:#000000; font-family:monospace;"|#c0c0c0 |
||
|verde azulado |
|||
|teal |
|||
|style="background:#008080; color:#ffffff; font-family:monospace;"|#008080 |
|style="background:#008080; color:#ffffff; font-family:monospace;"|#008080 |
||
|blanco |
|||
|white |
|||
|style="background:#ffffff; color:#000000; font-family:monospace;"|#ffffff |
|style="background:#ffffff; color:#000000; font-family:monospace;"|#ffffff |
||
|amarillo |
|||
|yellow |
|||
|style="background:#ffff00; color:#000000; font-family:monospace;"|#ffff00 |
|style="background:#ffff00; color:#000000; font-family:monospace;"|#ffff00 |
||
|} |
|} |
||
=== Los colores más saturados y los más luminosos === |
==== Los colores más saturados y los más luminosos ==== |
||
[[Archivo:Modelo RGB.svg |
[[Archivo:Modelo RGB.svg|thumb|esquema CIE.]] |
||
Supongamos tres fuentes luminosas, r, g y b, de las características indicadas en el gráfico adjunto: |
Supongamos tres fuentes luminosas, r, g y b, de las características indicadas en el gráfico adjunto: |
||
| Línea 154: | Línea 201: | ||
:(ir, ig, ib) |
:(ir, ig, ib) |
||
donde ir, ig |
donde ir, ig e ib son los coeficientes de las intensidades correspondientes a cada color primario. |
||
Si situamos los colores obtenidos en el gráfico, tenemos que: |
Si situamos los colores obtenidos en el gráfico, tenemos que: |
||
| Línea 162: | Línea 209: | ||
:* Si ninguno de los coeficientes es nulo, el color se sitúa en un punto del interior; cuanto más parecidos sean los tres coeficientes, más cerca estará del blanco (en el centro). |
:* Si ninguno de los coeficientes es nulo, el color se sitúa en un punto del interior; cuanto más parecidos sean los tres coeficientes, más cerca estará del blanco (en el centro). |
||
Al representar combinaciones de tres valores independientes en un diagrama que sólo tiene dos, resulta que a cada punto del diagrama le corresponde toda una familia de colores. Por ejemplo, los siguientes colores tienen la misma proporción de rojo, verde y azul, y por tanto les corresponde el mismo punto del gráfico. |
Al representar combinaciones de tres valores independientes en un diagrama que sólo tiene dos, resulta que a cada punto del diagrama le corresponde toda una familia de colores. Por ejemplo, los siguientes colores tienen la misma proporción de rojo, verde y azul, y por tanto les corresponde el mismo punto del gráfico. Solo se diferencian en la intensidad. |
||
{| border="0" cellpadding="5" class="wikitable" |
{| border="0" cellpadding="5" class="wikitable" |
||
| Línea 173: | Línea 220: | ||
| valign="top" | 200, 100, 0 |
| valign="top" | 200, 100, 0 |
||
| valign="top" style="background: #c86400; color:#FFFFFF" | #c86400 |
| valign="top" style="background: #c86400; color:#FFFFFF" | #c86400 |
||
| Marrón |
| Marrón claro |
||
|----- |
|----- |
||
| valign="top" | 150, 75, 0 |
| valign="top" | 150, 75, 0 |
||
| valign="top" style="background: #964b00; color:#FFFFFF" | #964b00 |
| valign="top" style="background: #964b00; color:#FFFFFF" | #964b00 |
||
| Marrón |
| Marrón |
||
|} |
|} |
||
Si las intensidades ir, ig |
Si las intensidades ir, ig e ib tienen un límite superior (255), la condición necesaria y suficiente para que un color sea el más intenso de la familia (es decir, de los representados por el mismo punto) es que al menos uno de sus coeficientes sea 255. |
||
Los colores que presentan la máxima saturación y la máxima luminosidad a la vez, son los que reúnen dos requisitos: al menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0. De esto se deduce que los colores más saturados y más luminosos siguen la siguiente secuencia: |
Los colores que presentan la máxima saturación y la máxima luminosidad a la vez, son los que reúnen dos requisitos: al menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0. De esto se deduce que los colores más saturados y más luminosos siguen la siguiente secuencia: |
||
| Línea 187: | Línea 234: | ||
|----- |
|----- |
||
| rowspan="3" | |
| rowspan="3" | |
||
* (0, 0, 0) es [[negro]] |
* (0, 0, 0) es [[Negro (color)|negro]] |
||
* (255, 255, 255) es [[Blanco (color)|blanco]] |
* (255, 255, 255) es [[Blanco (color)|blanco]] |
||
* (255, 0, 0) es [[rojo]] |
* (255, 0, 0) es [[rojo (color)|rojo]] |
||
* (0, 255, 0) es [[verde]] |
* (0, 255, 0) es [[verde (color)|verde]] |
||
* (0, 0, 255) es [[azul]] |
* (0, 0, 255) es [[azul (color)|azul]] |
||
* (255, 255, 0) es [[amarillo]] |
* (255, 255, 0) es [[amarillo (color)|amarillo]] |
||
* (0, 255, 255) es [[ |
* (0, 255, 255) es [[Cian (color)|cian]] |
||
* (255, 0, 255) es [[magenta]] |
* (255, 0, 255) es [[magenta]] |
||
| amarillo<br />(255,255,0) |
| amarillo<br />(255,255,0) |
||
| align="center" | verde<br />(0,255,0) |
| align="center" | verde<br />(0,255,0) |
||
| |
| cian<br />(0,255,255) |
||
|----- |
|----- |
||
| rojo<br />(255,0,0) || [[Archivo:RGBR.png|256px |
| rojo<br />(255,0,0) || [[Archivo:RGBR.png|256px]] |
||
| azul<br />(0,0,255) |
| azul<br />(0,0,255) |
||
|----- |
|----- |
||
| Línea 206: | Línea 254: | ||
| magenta<br />(255,0,255) |
| magenta<br />(255,0,255) |
||
|} |
|} |
||
== Percepción y sensación de color == |
|||
Nuestros ojos tienen dos tipos de células sensibles a la luz o [[fotorreceptor]]es: los bastones y los conos. Estos últimos son los encargados de aportar la información de color. |
|||
Para saber como percibimos un color, hay que tener en cuenta que existen tres tipos de conos con respuestas frecuenciales diferentes, y que tienen máxima sensibilidad a los colores que forman la terna RGB, rojo, verde y azul. Mientras que los conos, que reciben información del verde y el rojo, tienen una curva de sensibilidad similar, la respuesta al color azul es una vigésima (1/20) parte de la respuesta a los otros dos colores. Este hecho lo aprovechan algunos [[sistema de codificación|sistemas de codificación]] de imagen y vídeo, como el [[JPEG]] o el [[MPEG]], "perdiendo" de manera consciente más información de la componente azul, ya que nuestros ojos no percibirán esta pérdida. |
|||
La sensación de color se puede definir como la respuesta de cada una de las curvas de sensibilidad al espectro radiado por el objeto observado. De esta manera, obtenemos tres respuestas diferentes, una por cada color. |
|||
El hecho de que la sensación de color se obtenga de este modo, hace que dos objetos observados, radiando un [[Espectro de frecuencias|espectro]] diferente, puedan producir la misma sensación. Y en esta limitación de la [[ojo|visión humana]] se basa el modelo de síntesis del color, mediante el cual podemos obtener a partir de estímulos visuales estudiados y con una mezcla de los tres colores primarios, el color de un objeto con un espectro determinado. |
|||
== Señal de luminancia == |
|||
La sensación de luminosidad viene dada por el brillo de un objeto y por su opacidad, pudiendo producir dos objetos con tonalidades y prismas diferentes la misma sensación lumínica. La señal de [[luminancia]] es la [[Cuantificación digital|cuantificación]] de esa sensación de brillo. Para mantener la compatibilidad entre las imágenes en blanco y negro y las imágenes en color, los sistemas de televisión actuales ([[PAL]], [[NTSC]], [[SECAM]]) transmiten tres informaciones: la luminancia y dos señales diferencia de color. |
|||
De esta manera, los antiguos modelos en blanco y negro pueden obviar la información relativa al color, y reproducir solamente la luminancia, es decir, el brillo de cada píxel aplicado a una imagen en escala de grises. Y las televisiones en color obtienen la información de las tres componentes RGB a partir de una matriz que relaciona cada componente con una de las señales diferencia de color. |
|||
Para cada uno de los sistemas de televisión se transmiten de diferente manera, motivo por el cual podemos tener problemas al reproducir una señal NTSC en un sistema de reproducción PAL. |
|||
== Véase también == |
== Véase también == |
||
{{Columnas}} |
|||
* [[Espacio de color sRGB]] |
* [[Espacio de color sRGB]] |
||
* [[CMYK |
* [[Modelo de color CMYK]] |
||
* [[Modelo de color |
* [[Modelo de color HSL]] |
||
* [[ |
* [[Modelo de color HSV]] |
||
* [[Modelo de color RYB]] |
|||
{{Nueva columna}} |
|||
* [[Método Santana]] |
* [[Método Santana]] |
||
{{Nueva columna}} |
|||
* [[Colores web]] o colores HTML |
|||
{{Nueva columna}} |
|||
* [[YPBPR]] |
|||
* [[Video Graphics Array]] |
|||
{{Final columnas}} |
|||
== Referencias == |
|||
{{listaref}} |
|||
== Enlaces externos == |
== Enlaces externos == |
||
* [http://w3.unpocodetodo.info/utiles/conversor.php Una herramienta que convierte los códigos de colores: hex rgb hsl] |
|||
{{commonscat|RGB}} |
|||
{{Control de autoridades}} |
|||
[[Categoría:Tecnología de video y cine]] |
|||
[[Categoría:Espacios de color|RGB]] |
[[Categoría:Espacios de color|RGB]] |
||
[[Categoría:Infografía]] |
[[Categoría:Infografía]] |
||
[[ar:النموذج اللوني أحمر أخضر أزرق]] |
|||
[[bg:RGB]] |
|||
[[bs:RGB]] |
|||
[[ca:Senyal RGB]] |
|||
[[cs:RGB]] |
|||
[[da:RGB-farver]] |
|||
[[de:RGB-Farbraum]] |
|||
[[el:RGB]] |
|||
[[en:RGB color model]] |
|||
[[eo:RVB (kolormodelo)]] |
|||
[[et:RGB]] |
|||
[[eu:RGB kolore-eredua]] |
|||
[[fi:RGB-värimalli]] |
|||
[[fr:Rouge vert bleu]] |
|||
[[gl:RGB]] |
|||
[[he:ייצוג צבע במחשב]] |
|||
[[hi:लाल हरा नीला रंग प्रतिरूप]] |
|||
[[it:RGB]] |
|||
[[ja:RGB]] |
|||
[[ko:RGB 가산혼합]] |
|||
[[ksh:RGB]] |
|||
[[lt:RGB]] |
|||
[[lv:RGB]] |
|||
[[mk:RGB]] |
|||
[[nl:RGB-kleursysteem]] |
|||
[[no:RGB]] |
|||
[[pl:RGB]] |
|||
[[pt:RGB]] |
|||
[[ro:RGB]] |
|||
[[ru:RGB]] |
|||
[[sh:RGB]] |
|||
[[sk:RGB]] |
|||
[[sl:Barvni model RGB]] |
|||
[[sq:RGB]] |
|||
[[sv:RGB]] |
|||
[[tg:RGB]] |
|||
[[th:ระบบสี RGB]] |
|||
[[tr:RGB renk uzayı]] |
|||
[[uk:RGB]] |
|||
[[vi:Mô hình màu RGB]] |
|||
[[zh:三原色光模式]] |
|||
Revisión actual - 22:35 1 jun 2024
RGB (sigla del inglés Red, Green, Blue; en español, ‘Rojo, Verde, Azul’) o RVA (sigla preferida por la ASALE y la RAE[cita requerida]) es la composición del color en términos de la intensidad de los colores primarios de la luz.
Modelo de color RGB[editar]
RGB es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mezcla por adición de los tres colores de luz primarios. El modelo de color RGB no define por sí mismo lo que significa exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden mostrar colores notablemente diferentes en distintos dispositivos que usen este modelo de color. Aunque utilicen un mismo modelo de color, sus espacios de color pueden variar considerablemente.
Percepción y sensación de color[editar]
Los ojos humanos tienen dos tipos de células sensibles a la luz o fotorreceptores: los bastones y los conos. Estos últimos son los encargados de aportar la información de color.
Para saber cómo es percibido un color, hay que tener en cuenta que existen tres tipos de conos con respuestas frecuenciales diferentes, y que tienen máxima sensibilidad a los colores que forman la terna RGB. Aunque los conos que reciben información del verde y el rojo tienen una curva de sensibilidad similar, la respuesta al color azul es una veinteava (1/20) parte de la respuesta a los otros dos colores. Este hecho lo aprovechan algunos sistemas de codificación de imagen y vídeo, como el JPEG o el MPEG, «perdiendo» de manera consciente más información del componente azul, ya que el ser humano no percibe esta pérdida.
La sensación de color se puede definir como la respuesta de cada una de las curvas de sensibilidad al espectro radiado por el objeto observado. De esta manera, obtenemos tres respuestas diferentes, una por cada color.
El hecho de que la sensación de color se obtenga de este modo, hace que dos objetos observados, radiando un espectro diferente, puedan producir la misma sensación. Y en esta limitación de la visión humana se basa el modelo de síntesis del color, mediante el cual podemos obtener a partir de estímulos visuales estudiados y con una mezcla de los tres colores primarios, el color de un objeto con un espectro determinado.
Tratamiento de la señal de vídeo RGB[editar]
RGB es el tratamiento de la señal de vídeo que trata por separado las señales de los tres colores rojo, verde y azul. Al usarlo independientemente, proporciona mayor calidad y reproducción más fiel del color.
Visión general[editar]
El modelo de color llamado RGB es el que se utiliza en todos los sistemas que forman imágenes a través de rayos luminosos, ya sea emitiéndolos o recibiéndolos.
El modelo RGB está formado por los tres componentes de colores primarios aditivos y como mínimo un componente de sincronismo. Los componentes de color son las señales rojo, verde y azul; siendo transmitidos cada uno independiente y aislado del resto.
De esta forma no hay pérdidas en el tratamiento de la imagen puesto que los colores primarios siguen existiendo como tal en su transmisión. Por el contrario, mediante este sistema hay mucha información redundante, con el consiguiente aumento del ancho de banda necesario respecto a otros métodos de transmisión. Por ejemplo, cada color lleva el valor de brillo de toda la imagen, de forma que esta información está por triplicado.
Emisores RGB[editar]
Unos sistemas (los que emiten rayos luminosos) forman las imágenes bien a través de tubos de rayos catódicos (TV, monitores, proyectores de vídeo, etc.), a través de LED (diodos luminosos) o sistemas de Plasma (TV, monitores, etc.).
Señal de luminancia[editar]
La sensación de luminosidad viene dada por el brillo de un objeto y por su opacidad, pudiendo producir dos objetos con tonalidades y prismas diferentes la misma sensación lumínica. La señal de luminancia es la cuantificación de esa sensación de brillo. Para mantener la compatibilidad entre las imágenes en blanco y negro y las imágenes en color, los sistemas de televisión actuales (PAL, NTSC, SECAM) transmiten tres informaciones: la luminancia y dos señales diferencia de color.
De esta manera, los antiguos modelos en blanco y negro pueden obviar la información relativa al color, y reproducir solamente la luminancia, es decir, el brillo de cada píxel aplicado a una imagen en escala de grises. Y las televisiones en color obtienen la información de las tres componentes RGB a partir de una matriz que relaciona cada componente con una de las señales diferencia de color.
Para cada uno de los sistemas de televisión se transmiten de diferente manera, motivo por el cual podemos tener problemas al reproducir una señal NTSC en un sistema de reproducción PAL.
Señal de sincronismo[editar]
La señal de sincronismo es necesaria para poder marcar la pauta de guiado de la muestra de colores en pantalla, tanto en el sentido horizontal (el avance de la línea de imagen), como en sentido vertical (el salto a una nueva línea de imagen.
El sincronismo puede transmitirse principalmente de tres formas:
- Sincronismos separados (RGBHV): Mediante este método existe una señal para el sincronismo horizontal HSync y otra señal para el sincronismo vertical VSync, ambas independientes entre sí y entre las señales de colores, teniendo en total 5 señales en la transmisión.
- Sincronismo compuesto (RGBS): Mediante este método existe una señal con toda la información del sincronismo horizontal y vertical, independiente entre las señales de colores, teniendo en total 4 señales en la transmisión.
- Sincronismo en verde (RGsB o SoG -Sync on Green-): Mediante este método existe una señal con toda la información del sincronismo horizontal y vertical multiplexada junto con la señal de color verde, teniendo en total 3 señales en la transmisión.
Nótese que este modelo existe solamente en pantallas y combinaciones de luz. No se aplica a los pigmentos (pintura), a los que corresponde el modo sustractivo de luz.[1]
Receptores RGB[editar]
Los sistemas que reciben y capturan luz (capturan las imágenes) son las cámaras digitales de fotografía y vídeo, los escáneres, etc. Gracias al establecimiento de este modelo de color, ha sido posible la creación de todos estos sistemas de emisión y recepción de imágenes. Sin embargo, algunos valores (intensidad de brillo) no pueden ser obtenidos por este método.
Uso de RGB en HTML y en lenguajes de programación[editar]
Para indicar con qué proporción es mezclado cada color, se asigna un valor a cada uno de los colores primarios, de manera que el valor "0" significa que no interviene en la mezcla y, a medida que ese valor aumenta, se entiende que aporta más intensidad a la mezcla. Aunque el intervalo de valores podría ser cualquiera (valores reales entre 0 y 1, valores enteros entre 0 y 37, etc.), es frecuente que cada color primario se codifique con un byte (8 bits).
Así, de manera usual, la intensidad de cada una de las componentes se mide según una escala que va del 0 al 255 y cada color es definido por un conjunto de valores escritos entre paréntesis (correspondientes a valores "R", "G" y "B") y separados por comas.
De este modo, el rojo se obtiene con (255,0,0), el verde con (0,255,0) y el azul con (0,0,255), obteniendo, en cada caso un color resultante monocromático. La ausencia de color, es decir el color negro, se obtiene cuando las tres componentes son 0: (0,0,0). La combinación de dos colores a su máximo valor de 255 con un tercero con valor 0 da lugar a tres colores intermedios. De esta forma, aparecen los colores amarillo (255,255,0), cian (0,255,255) y magenta (255,0,255). El color blanco se forma con los tres colores primarios a su máximo valor (255,255,255).
El conjunto de todos los colores también se puede representar en forma de cubo. Cada color es un punto de la superficie o del interior de este. La escala de grises estaría situada en la diagonal que une al color blanco con el negro.
HTML[editar]
En las pantallas, la sensación de color se produce por la mezcla aditiva de rojo, verde y azul. Las pantallas se dividen en puntos minúsculos llamados píxeles formados por tres subpíxeles de colores primarios de luz, cada uno de los cuales brilla con una determinada intensidad.
Al principio, la limitación en la profundidad de color de la mayoría de los monitores condujo a una gama limitada a 216 colores, definidos por el cubo de color, mediante la fórmula 63=216. No obstante, el predominio de los monitores de 24-bit (resultante de 224), posibilitó el uso de 16.777.216 colores del espacio de color HTML RGB.
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 numeración hexadecimal): #00, #33, #66, #99, #CC o #FF, cuyos valores respectivos en sistema decimal equivalen a 0, 51, 102, 153, 204 y 255, que tienen un porcentaje de intensidad de 0%, 20%, 40%, 60%, 80% y 100%, respectivamente. Esto nos permite dividir los 216 colores en un cubo de dimensión 6.
Se procura que los píxeles sean de un color tal que cuanto más saturado sea, será mejor, pero nunca se trata de un color absolutamente puro. Por tanto la producción de colores con este sistema tiene limitaciones:
- La derivada del funcionamiento de las mezclas aditivas: sólo pueden ser obtenidos los colores interiores del triángulo formado por los tres colores primarios de luz.
- La derivada del hecho que los colores primarios usados no son absolutamente monocromáticos.
- Las diversas pantallas no son iguales exactamente, además de ser configurables por los usuarios, con lo cual varios parámetros pueden variar.
Esto implica que las codificaciones de los colores destinadas a las pantallas se deben interpretar como descripciones relativas, y entender la precisión de acuerdo con las características de la pantalla.
Codificación hexadecimal del color[editar]
La codificación dodecadecimal del color permite expresar fácilmente un color concreto de la escala RGB, utilizando la notación hexadecimal, como en el lenguaje HTML y en JavaScript. Este sistema utiliza la combinación de tres códigos de dos dígitos para expresar las diferentes intensidades de los colores primarios RGB .
| Negro | #000000 | Los tres canales están al mínimo 00, 00 y 00 |
| Blanco | #ffffff | Los tres canales están al máximo ff, ff y ff |
En el sistema de numeración hexadecimal, además de los números del 0 al 9 se utilizan seis letras con un valor numérico equivalente; a=10, b=11, c=12, d=13, e=14 y f=15. La correspondencia entre la numeración hexadecimal y la decimal u ordinaria viene dada por la siguiente fórmula:
- decimal = primera cifra hexadecimal × 16 + segunda cifra hexadecimal
La intensidad máxima es ff, que se corresponde con (15×16)+15= 255 en decimal, y la nula es 00, también 0 en decimal. De esta manera, cualquier color queda definido por tres pares de dígitos.
| Rojo | #ff0000 | El canal de rojo está al máximo y los otros dos al mínimo |
| Verde | #00ff00 | El canal del verde está al máximo y los otros dos al mínimo |
| Azul | #0000ff | El canal del azul está al máximo y los otros dos al mínimo |
| Amarillo | #ffff00 | Los canales rojo y verde están al máximo |
| Cian | #00ffff | Los canales verde y azul están al máximo |
| Magenta | #ff00ff | Los canales azul y rojo están al máximo |
| Gris claro | #d0d0d0 | Los tres canales tienen la misma intensidad |
| Gris oscuro | #5e5e5e | Los tres canales tienen la misma intensidad |
A partir de aquí se puede hacer cualquier combinación de los tres colores.
| Color | Hexadecimal | Color | Hexadecimal | Color | Hexadecimal | Color | Hexadecimal |
|---|---|---|---|---|---|---|---|
| cian | #00ffff | negro | #000000 | azul | #0000ff | fucsia | #ff00ff |
| gris | #808080 | verde | #008000 | verde lima | #00ff00 | granate | #800000 |
| azul marino | #000080 | verde oliva | #808000 | morado | #800080 | rojo | #ff0000 |
| plateado | #c0c0c0 | verde azulado | #008080 | blanco | #ffffff | amarillo | #ffff00 |
Los colores más saturados y los más luminosos[editar]
Supongamos tres fuentes luminosas, r, g y b, de las características indicadas en el gráfico adjunto:
Cualquier color que se pueda obtener a partir de esos tres colores primarios tendrá la forma:
- (ir, ig, ib)
donde ir, ig e ib son los coeficientes de las intensidades correspondientes a cada color primario.
Si situamos los colores obtenidos en el gráfico, tenemos que:
- Si dos de los coeficientes son nulos, el color se sitúa en el vértice correspondiente al color de coeficiente no nulo.
- Si un coeficiente es nulo, el color se sitúa en uno de los lados del triángulo: el conjunto de todos ellos son los colores más saturados.
- Si ninguno de los coeficientes es nulo, el color se sitúa en un punto del interior; cuanto más parecidos sean los tres coeficientes, más cerca estará del blanco (en el centro).
Al representar combinaciones de tres valores independientes en un diagrama que sólo tiene dos, resulta que a cada punto del diagrama le corresponde toda una familia de colores. Por ejemplo, los siguientes colores tienen la misma proporción de rojo, verde y azul, y por tanto les corresponde el mismo punto del gráfico. Solo se diferencian en la intensidad.
| 100, 50, 0 | #643200 | Marrón oscuro |
| 200, 100, 0 | #c86400 | Marrón claro |
| 150, 75, 0 | #964b00 | Marrón |
Si las intensidades ir, ig e ib tienen un límite superior (255), la condición necesaria y suficiente para que un color sea el más intenso de la familia (es decir, de los representados por el mismo punto) es que al menos uno de sus coeficientes sea 255.
Los colores que presentan la máxima saturación y la máxima luminosidad a la vez, son los que reúnen dos requisitos: al menos uno de los coeficientes es 255 y al menos uno de los coeficientes es 0. De esto se deduce que los colores más saturados y más luminosos siguen la siguiente secuencia:
| amarillo (255,255,0) |
verde (0,255,0) |
cian (0,255,255) | |
| rojo (255,0,0) |
|
azul (0,0,255) | |
| rojo (255,0,0) |
magenta (255,0,255) |
