color in image and video
DESCRIPTION
Color in Image and Video. By Razia Nisar Noorani. Contents. Physical and perceptual aspects of color Several color models. The Physics of Color The electromagnetic spectrum The spectrum of visible light Human response to color. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/1.jpg)
1
Color in Image and Video
ByRazia Nisar Noorani
![Page 2: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/2.jpg)
2
ContentsContents
Physical and perceptual aspects of colorPhysical and perceptual aspects of color
Several color modelsSeveral color models
![Page 3: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/3.jpg)
3
The Physics of Color
• The electromagnetic spectrum
• The spectrum of visible light
• Human response to color
![Page 4: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/4.jpg)
4
The electromagnetic spectrum, of which visible light is a very thin band
![Page 5: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/5.jpg)
5
The spectrum of visible light
![Page 6: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/6.jpg)
6
The spectrum as seen in nature
![Page 7: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/7.jpg)
7
Human response to color
![Page 8: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/8.jpg)
8
Color ModelsColor Models
A A color modelcolor model is an abstract is an abstract mathematical model describing the way mathematical model describing the way colors can be represented as can be represented as tuples of of numbers, typically as three or four values numbers, typically as three or four values or color components. or color components.
When this model is associated with a When this model is associated with a precise description of how the precise description of how the components are to be interpreted components are to be interpreted (viewing conditions, etc.), the resulting (viewing conditions, etc.), the resulting set of colors is called set of colors is called color space. .
![Page 9: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/9.jpg)
9
Color ModelsColor Models
An artist’s color wheel: red, yellow, and An artist’s color wheel: red, yellow, and blue (RYB)blue (RYB)
Additive color: red, green, blue (RGB)Additive color: red, green, blue (RGB)
Subtractive color: cyan, magenta, yellow, Subtractive color: cyan, magenta, yellow, and black (CMYK)and black (CMYK)
Hue, saturation, and brightness (HSB)Hue, saturation, and brightness (HSB)
![Page 10: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/10.jpg)
10
The artist’s model: red, yellow, and The artist’s model: red, yellow, and blueblue
Primary colors are sets of colors that can be combined to make a useful range of colors.
![Page 11: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/11.jpg)
11
The secondary colorsThe secondary colors
![Page 12: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/12.jpg)
12
The tertiary colorsThe tertiary colors
![Page 13: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/13.jpg)
13
Additive color: things that emit light, Additive color: things that emit light, especially monitors (RGB)especially monitors (RGB)
For additive combination of colors, as in overlapping projected lights or in CRT displays, the primary colors normally used are red, green, and blue.
![Page 14: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/14.jpg)
14
In additive color . . .In additive color . . .
Red + Green = YellowRed + Green = Yellow Red + Blue = MagentaRed + Blue = Magenta Green + Blue = CyanGreen + Blue = Cyan
![Page 15: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/15.jpg)
15
Subtractive color: things that reflect Subtractive color: things that reflect (and selectively absorb) light (and selectively absorb) light
(CMYK)(CMYK)
For subtractive combination of colors, as in mixing of pigments or dyes, such as in printing, the primaries normally used are cyan, magenta, and yellow
![Page 16: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/16.jpg)
16
In subtractive color . . .In subtractive color . . .
Cyan subtracts redCyan subtracts red Magenta subtracts greenMagenta subtracts green Yellow subtracts blueYellow subtracts blue In photography, that’s it: all three together In photography, that’s it: all three together
subtract all light, giving blacksubtract all light, giving black In print, the dyesIn print, the dyes/inks/inks aren’t that good, and we aren’t that good, and we
need black ink tooneed black ink too Hence, four-color printing: CMYKHence, four-color printing: CMYK K from blacK; B already means BlueK from blacK; B already means Blue
![Page 17: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/17.jpg)
17
HSB: Hue, Saturation, and HSB: Hue, Saturation, and BrightnessBrightness
Hue: where a color lies around a color Hue: where a color lies around a color wheel: red, green, yellow, blue-green, etc.wheel: red, green, yellow, blue-green, etc.
Saturation: the “purity” of a color; a fully-Saturation: the “purity” of a color; a fully-saturated color has no white mixed with it, saturated color has no white mixed with it, in paint termsin paint terms
Brightness: light, dark, or in between?Brightness: light, dark, or in between?
![Page 18: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/18.jpg)
18
The color cone: hue, saturation, The color cone: hue, saturation, and brightness in relation to each and brightness in relation to each
otherother
![Page 19: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/19.jpg)
19
HSB: Hue, Saturation, and HSB: Hue, Saturation, and BrightnessBrightness
White, black, and all grays are zero percent White, black, and all grays are zero percent saturatedsaturated
A color becomes more saturated as it moves A color becomes more saturated as it moves away from gray to a pure coloraway from gray to a pure color
A pure (fully-saturated) color, in RGB terms, in A pure (fully-saturated) color, in RGB terms, in one that contains:one that contains: Only red, green, or blue, orOnly red, green, or blue, or Only yellow (= red + green), orOnly yellow (= red + green), or Only magenta (= red + blue)Only magenta (= red + blue) Only cyan (= blue + green)Only cyan (= blue + green)
![Page 20: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/20.jpg)
20
More on saturation, continuedMore on saturation, continued
Note: the previous slide said nothing about Note: the previous slide said nothing about the brightness of those pure colorsthe brightness of those pure colors
A saturated color can be a brilliant yellow, A saturated color can be a brilliant yellow, butbut
It can be a deep crimson, or midnight blueIt can be a deep crimson, or midnight blue
![Page 21: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/21.jpg)
21
Varying saturation, with brightness Varying saturation, with brightness held constantheld constant
![Page 22: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/22.jpg)
22
Varying brightness, with saturation Varying brightness, with saturation held constantheld constant
![Page 23: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/23.jpg)
23
Color models in computerColor models in computer
RGBRGB HSLHSL
![Page 24: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/24.jpg)
24
Color models in computerColor models in computer
![Page 25: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/25.jpg)
25
Color models in computerColor models in computer
![Page 26: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/26.jpg)
26
Color models in computerColor models in computer
For MonitorsFor Monitors RGBRGB HSLHSL
For PrintingFor Printing CMYKCMYK
![Page 27: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/27.jpg)
27
HP 364 Photo Black Ink Cartridge HP 364 Cyan Ink Cartridge
HP 364 Magenta Ink Cartridge HP 364 Yellow Ink Cartridge
![Page 28: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/28.jpg)
28
The HP 28 tri-color inkjet cartridge provides brilliant The HP 28 tri-color inkjet cartridge provides brilliant .... ....
![Page 29: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/29.jpg)
29
ContrastContrast
ContrastContrast is the difference in visual is the difference in visual properties that makes an object (or its properties that makes an object (or its representation in an image) representation in an image) distinguishable from other objects and the distinguishable from other objects and the background. background.
ContrastContrast is determined by the difference in is determined by the difference in the color and brightness of the object and the color and brightness of the object and other objects within the same field of view. other objects within the same field of view.
![Page 30: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/30.jpg)
30
ContrastContrast
Contrasting colors in terms of a computer's Contrasting colors in terms of a computer's representation of an image, means the "primary representation of an image, means the "primary colors" or the colors with color components of 0 colors" or the colors with color components of 0 or 255 (Min and Max). or 255 (Min and Max).
Black, White, Red, Green, Blue, Cyan, Magenta, Black, White, Red, Green, Blue, Cyan, Magenta, and Yellow are the high contrast colors. and Yellow are the high contrast colors.
When all the colors in an image are around one When all the colors in an image are around one single color, that image has low contrast. single color, that image has low contrast.
![Page 31: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/31.jpg)
31
ContrastContrast
![Page 32: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/32.jpg)
32
Color Models in Video
![Page 33: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/33.jpg)
33
Color Models in Video
Largely derive from older analog methods of coding color for TV. Luminance is separated from color information.
For example, a matrix transform method called YIQ is used to transmit TV signals in North America and Japan.
This coding also makes its way into VHS video tape coding in these countries since video tape technologies also use YIQ.
In Europe, video tape uses the PAL or SECAM codings, which are based on TV that uses a matrix transform called YUV.
Finally, digital video mostly uses a matrix transform called YCbCr that is closely related to YUV
![Page 34: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/34.jpg)
34
Sample Input
Gamma Corrected Input
Monitor Output
Graph of Correction L' = L ^ (1/2.5)
Gamma Correction
• Gamma correction provides displaying an image accurately on a computer screen. • Images which are not properly corrected can look either bleached out, or too dark.• Trying to reproduce colors accurately also requires some knowledge of gamma. • Varying the amount of gamma correction changes not only the brightness, but also
the ratios of red to green to blue.
![Page 35: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/35.jpg)
35
YUV Color Model
YUV codes a luminance signal (for gamma-corrected signals) equal to Y’.
Chrominance refers to the difference between a color and a reference white at the same luminance.
U = B’ − Y’; V=R’−Y’
R' , G' , B' : gamma correction applied
![Page 36: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/36.jpg)
36
YIQ Color Model
YIQ is used in NTSC color TV broadcasting.
![Page 37: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/37.jpg)
37
Y component
I component
Q component
![Page 38: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/38.jpg)
38
From RGB to YIQ:
Y = 0.299 R + 0.587 G + 0.114 B
I = 0.5957161349127745 R − 0.2744528378392564 G − 0.3212632970735180 B
Q = 0.211456402120117 R − 0.5225910452916111 G + 0.3111346431714933 B
From YIQ to RGB:
R = Y + 0.9562948323208939905 I + 0.6210251254447287141 Q
G = Y − 0.2721214740839773195 I − 0.6473809535176157223 Q
B = Y − 1.106989908567128216 I + 1.704614975498829329 Q
![Page 39: Color in Image and Video](https://reader035.vdocuments.site/reader035/viewer/2022081503/568157c4550346895dc54c9e/html5/thumbnails/39.jpg)
39
YCbCr Color Model
The Rec. 601 standard for digital video uses another color space, YCbCr.