Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe G12 - Aufgabe 1 - Color space: Difference between revisions

From InfoVis:Wiki
Jump to navigation Jump to search
No edit summary
(redone CMY(K) and YIQ/YUV, Added link to [Marko Tkalčič, 2003], Removed [Sahler, 2005] reference and quote, resized image thumbs to uniform width, changed sub title to "Examples for Color spaces")
Line 11: Line 11:
The human visual perception is too complex to be quantified in a more than approximate manner. One practical approach is to define 2,3 or more spectral colors and create mixed colors by adjusting the relative proportions of the said spectral colors and colorless (i.e. white/black) component,. Or one defines first the mixed color, quantifies first its colorless (brightness/darkness) component and then codes the color information as deviation in the direction of 2, 3 or more spectral colors. Typical examples would be the RGB and YIQ systems respectively. [Miszalok and Smolej, 2001]
The human visual perception is too complex to be quantified in a more than approximate manner. One practical approach is to define 2,3 or more spectral colors and create mixed colors by adjusting the relative proportions of the said spectral colors and colorless (i.e. white/black) component,. Or one defines first the mixed color, quantifies first its colorless (brightness/darkness) component and then codes the color information as deviation in the direction of 2, 3 or more spectral colors. Typical examples would be the RGB and YIQ systems respectively. [Miszalok and Smolej, 2001]


==Color Coding==
==Examples for Color spaces==
 
{{Quotation|The typical human eye can distinguish over 10,000 different colors. We use color everyday to identify, classify and determine the state of objects around us. In addition to natural colors, we use color codes for displaying color on the Computer. That is what Color Coding is used for. |[Sahler, 2005]}}
 
==Models for Color Coding==


===RGB===
===RGB===


<div class="floatright">[[Image:3DVecModelRGB.JPG|thumb|400px|left|3D-vector space of the RGB-color model]]</div>
[[Image:3DVecModelRGB.JPG|thumb|300px|right|3D-vector space of the RGB-color model]]


The RGB color model is an additive color model, forming its gamut from various mixtures of the primary additive colors red, green and blue. The main idea behind the RGB color model is the human perception of color, furthermore the trichromatic theory which states that there are three types of cones, which are referred to as L, M, and S cones (long, middle and short wavelength sensitivity), approximately sensitive to the red, green and blue region of the visible spectrum.
The RGB color model is an additive color model, forming its gamut from various mixtures of the primary additive colors red, green and blue. The main idea behind the RGB color model is the human perception of color, furthermore the trichromatic theory which states that there are three types of cones, which are referred to as L, M, and S cones (long, middle and short wavelength sensitivity), approximately sensitive to the red, green and blue region of the visible spectrum.
Line 25: Line 21:
The main purpose of the RGB color model is the sensing and reproduction of color on electronic devices such as computers, televisions. Typical RGB input devices are color TV and video cameras, image scanners, and digital cameras
The main purpose of the RGB color model is the sensing and reproduction of color on electronic devices such as computers, televisions. Typical RGB input devices are color TV and video cameras, image scanners, and digital cameras
<div style="clear:both;">&nbsp;</div>
<div style="clear:both;">&nbsp;</div>
===CMY===
===CMY(K)===


An active image display must fill its dark surface with light, i.e. combine the red, green and blue components into the final colors. When all three primary colors are added in equal proportions, a white color results.
[[Image:3DVecModeCMY.JPG|thumb|300px|right|3D-vector model of the CMY color space]]
A printer creates the colors the opposite way: it must create colors by eliminating - i..e. subtracting - the red, green and blue colors from the white paper background. By subtracting equal proportions of the primary colors a black color can be created. To achieve this one needs Cyan, Magenta and Yellow, colors which are complementary to RGB. The resulting CMY model is a straightforward complement of the RGB-Modell. The conversion from RGB into CMY is given by the following equations:
[[Image:CMY.JPG|thumb|300px|right|Composed image and its seperate channels]]
C = 255 - R; M = 255 - G; Y = 255 - B [Miszalok and Smolej, 2001]
 
 
[[Image:3DVecModeCMY.JPG|thumb|400px|left|3D-vector space of the CMY-color model]]
[[Image:CMY.JPG|thumb|300px|none|CMY Image]]


Other than RGB, CMY doesn't add light but rather removes it much like the color of reflected light is composed in the real world hence it is also called a subtractive color space. To achieve this subtractive characteristic the CMY color space uses the three primary colors Cyan, Magenta and Yellow and adds those to white. The higher the values of the primary colors the darker is the represented color. The CMY color space is basically an inverted RGB color space and therefore values can be converted very easily.<br>
The CMY color space is primarily used in printing applications were mostly a fourth primary color K (Key, Black) is added which is then called CMYK color space. The reason for the use of the additional Key is that printing black with CMY in real life doesn't result in really deep black, is very costly and needs more time to dry than a single black color.<br>
The conversion between RGB and CMYK isn't as trivial as the conversion between RGB and CMY.<br>
Although the CMY space is closer to how we use colors in dying or painting scenarios it is still non-intuitive since the percepted difference between colors isn't linear as the CMY values might suggest.
<div style="clear:both">&nbsp;</div>
===YIQ and YUV===
===YIQ and YUV===


In TV broadcasting the color is for all practical purposes an addition to the black and white information, provided by the so-called Y-signal: Y = g1*R+ g2*G + g3*B where g1+g2+g3 = 1.0. Two additional low-bandwidth signal pathways transport the color information in a form of weighted difference between the real signal and the Y component.  
The YIQ and the YUV color spaces are basically transformations of the RGB color space where at first the three channels of RGB and composed into a single luminance (Y) channel and two difference channels that basically contain the difference between either R - Y or B - Y.<br>
This color space was developed because of the growing demand of color television and the need to e still backwards compatible to old black&amp;white television sets that worked with a single luminance channel.<br>
Though the concept behind YIQ and YUV is the same the actual conversion of RGB into luminance and weighted difference channels is implemented differently.
<br><br>
'''YIQ''': is used in the color TV norm NTSC which is used in America and Japan.


YIQ:
'''YUV''': is the color space of the PAL color TV norm used in Europe, Africa, Asia except for Japan, Australia. It is also used in digital video.<br>
is used in color TV norm NTSC (America and Japan).
Though YIQ and YUV signals are very similar YUV has a higher bandwidth and correspondingly higher quality.
 
<div style="clear:both;">&nbsp;</div>
YUV:
is used in the PAL colorTV norm (Europe, Africa, Asia except for Japan, Australia) and in digital video. YUV uses similar signals as YIQ (with different weights, however, and using a coordinate system, rotated 33 degrees) but with a higher bandwidth and correspondingly higher quality. [Miszalok and Smolej, 2001]
===HSL and HSV===
===HSL and HSV===
[[Image:Hsl-hsv.png|thumb|300px|none|HSV and HSL Colorspaces|right]]
[[Image:Hsl-hsv.png|thumb|300px|none|HSV and HSL Colorspaces|right]]
Line 52: Line 50:
The three coordinates H, L and S of this system can be easily visualized as follows: Pure colors are found at the outer border of a horizontal color circle. The hue can be interpreted as the polar angle, going from red (0 degrees), green (120), blue (240) back to red.
The three coordinates H, L and S of this system can be easily visualized as follows: Pure colors are found at the outer border of a horizontal color circle. The hue can be interpreted as the polar angle, going from red (0 degrees), green (120), blue (240) back to red.
The closer to the center of the circle the higher the proportion of the white color. The center of the circle is colorless white. Below this level other color circles are positioned in a cylindrical fashion. The lower they are, the darker they get.
The closer to the center of the circle the higher the proportion of the white color. The center of the circle is colorless white. Below this level other color circles are positioned in a cylindrical fashion. The lower they are, the darker they get.
 
<div style="clear:both;">&nbsp;</div>
==Bibliography==
==Bibliography==
*[Poynton, 1999] Charles Poynton. Frequently Asked Questions about Color. Created at: Dec 30, 1999. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorFAQ.pdf .
*[Poynton, 1999] Charles Poynton. Frequently Asked Questions about Color. Created at: Dec 30, 1999. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorFAQ.pdf .
*[Sahler, 2005] Sahler Office Interiors & Information Systems. Color Coding. Retrieved at: Nov 3, 2009. http://www.sahler.com/information/record-keeping/color-coding . (Formerly: Oct. 2005,  http://www.sahler.com/colorcode.shtml)


*[Miszalok and Smolej, 2001] V. Miszalok, V. Smolej. Color Coding. Jan 13, 2001. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorCoding_english.htm#a1
*[Miszalok and Smolej, 2001] V. Miszalok, V. Smolej. Color Coding. Jan 13, 2001. http://www.miszalok.de/Lectures/L11_ColorCoding/ColorCoding_english.htm#a1


*[Marko Tkalčič, 2003] Marko Tkalčič.  Colour spaces - perceptual, historical and applicational background. 2003,
*[Marko Tkalčič, 2003] Marko Tkalčič.  Colour spaces - perceptual, historical and applicational background. 2003. http://ldos.fe.uni-lj.si/docs/documents/20030929092037_markot.pdf


[[Category:Glossary]]
[[Category:Glossary]]

Revision as of 23:09, 5 November 2009

Color

Light is electromagnetic radiation with wavelength between 380 nm = blue and 780 nm = red. Unit 1 nm = 1 billionth of a meter.
Colorspaces and Horseshoe Shape of visible Color
Color is the perceptual result of light in the visible region of the spectrum, having wavelengths in the region of 400 nm to 700 nm, incident upon the retina.
[Poynton, 1999]



The complexity of all kinds of different color mixtures was substantially simplified in 1931 by Commission Internationale de l'Éclairage CIE, who defined a two-dimensional, horseshoe-like color space, that allows easy definition and description of color mixtures. The edge of the horseshoe includes all the pure spectral colors. The inside region contains the mixtures.


The human visual perception is too complex to be quantified in a more than approximate manner. One practical approach is to define 2,3 or more spectral colors and create mixed colors by adjusting the relative proportions of the said spectral colors and colorless (i.e. white/black) component,. Or one defines first the mixed color, quantifies first its colorless (brightness/darkness) component and then codes the color information as deviation in the direction of 2, 3 or more spectral colors. Typical examples would be the RGB and YIQ systems respectively. [Miszalok and Smolej, 2001]

Examples for Color spaces

RGB

3D-vector space of the RGB-color model

The RGB color model is an additive color model, forming its gamut from various mixtures of the primary additive colors red, green and blue. The main idea behind the RGB color model is the human perception of color, furthermore the trichromatic theory which states that there are three types of cones, which are referred to as L, M, and S cones (long, middle and short wavelength sensitivity), approximately sensitive to the red, green and blue region of the visible spectrum.

The main purpose of the RGB color model is the sensing and reproduction of color on electronic devices such as computers, televisions. Typical RGB input devices are color TV and video cameras, image scanners, and digital cameras

 

CMY(K)

3D-vector model of the CMY color space
Composed image and its seperate channels

Other than RGB, CMY doesn't add light but rather removes it much like the color of reflected light is composed in the real world hence it is also called a subtractive color space. To achieve this subtractive characteristic the CMY color space uses the three primary colors Cyan, Magenta and Yellow and adds those to white. The higher the values of the primary colors the darker is the represented color. The CMY color space is basically an inverted RGB color space and therefore values can be converted very easily.
The CMY color space is primarily used in printing applications were mostly a fourth primary color K (Key, Black) is added which is then called CMYK color space. The reason for the use of the additional Key is that printing black with CMY in real life doesn't result in really deep black, is very costly and needs more time to dry than a single black color.
The conversion between RGB and CMYK isn't as trivial as the conversion between RGB and CMY.
Although the CMY space is closer to how we use colors in dying or painting scenarios it is still non-intuitive since the percepted difference between colors isn't linear as the CMY values might suggest.

 

YIQ and YUV

The YIQ and the YUV color spaces are basically transformations of the RGB color space where at first the three channels of RGB and composed into a single luminance (Y) channel and two difference channels that basically contain the difference between either R - Y or B - Y.
This color space was developed because of the growing demand of color television and the need to e still backwards compatible to old black&white television sets that worked with a single luminance channel.
Though the concept behind YIQ and YUV is the same the actual conversion of RGB into luminance and weighted difference channels is implemented differently.

YIQ: is used in the color TV norm NTSC which is used in America and Japan.

YUV: is the color space of the PAL color TV norm used in Europe, Africa, Asia except for Japan, Australia. It is also used in digital video.
Though YIQ and YUV signals are very similar YUV has a higher bandwidth and correspondingly higher quality.

 

HSL and HSV

HSV and HSL Colorspaces

HSL and HSV are color models wich describe the color relationships better than RGB. HSL stands for hue, saturation and lightness while HSV stands for hue, saturation and value. These color models reflect the human color vision better than the RGB, CMY, YUV and YIQ models, which are targeted primarily for hardware applications.

The color space of HSL and HSV can be thought of cylinders. Each point in this cylinder describes a color.

The three coordinates H, L and S of this system can be easily visualized as follows: Pure colors are found at the outer border of a horizontal color circle. The hue can be interpreted as the polar angle, going from red (0 degrees), green (120), blue (240) back to red. The closer to the center of the circle the higher the proportion of the white color. The center of the circle is colorless white. Below this level other color circles are positioned in a cylindrical fashion. The lower they are, the darker they get.

 

Bibliography