color models for images
DESCRIPTION
Color Models for Images. 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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/1.jpg)
1
Color Models for Images
ByRazia Nisar Noorani
![Page 2: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/3.jpg)
3
The Physics of Color
• The electromagnetic spectrum
• The spectrum of visible light
• Human response to color
![Page 4: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/4.jpg)
4
The electromagnetic spectrum, of which visible light is a very thin band
![Page 5: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/5.jpg)
5
The spectrum of visible light
![Page 6: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/6.jpg)
6
The spectrum as seen in nature
![Page 7: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/7.jpg)
7
Human response to color
![Page 8: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/11.jpg)
11
The secondary colorsThe secondary colors
![Page 12: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/12.jpg)
12
The tertiary colorsThe tertiary colors
![Page 13: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/21.jpg)
21
Varying saturation, with brightness Varying saturation, with brightness held constantheld constant
![Page 22: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/22.jpg)
22
Varying brightness, with saturation Varying brightness, with saturation held constantheld constant
![Page 23: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/23.jpg)
23
Color models in computerColor models in computer
RGBRGB HSLHSL
![Page 24: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/24.jpg)
24
Color models in computerColor models in computer
![Page 25: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/25.jpg)
25
Color models in computerColor models in computer
![Page 26: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/26.jpg)
26
Color models in computerColor models in computer
For MonitorsFor Monitors RGBRGB HSLHSL
For PrintingFor Printing CMYKCMYK
![Page 27: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/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 Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/31.jpg)
31
ContrastContrast
![Page 32: Color Models for Images](https://reader035.vdocument.in/reader035/viewer/2022062221/56812bbb550346895d8ffe78/html5/thumbnails/32.jpg)
32
END of Lecture 12END of Lecture 12