digital image processing week viii
DESCRIPTION
Color Image Processing. Digital Image Processing Week VIII. Thurdsak LEAUHATONG. Spectrum of White Light . 1666 Sir Isaac Newton, 24 year old, discovered white light spectrum. Electromagnetic Spectrum . Visible light wavelength: from around 400 to 700 nm. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/1.jpg)
Digital Image Processing Week VIII
Thurdsak LEAUHATONG
Color Image Processing
![Page 2: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/2.jpg)
Spectrum of White Light
1666 Sir Isaac Newton, 24 year old, discovered white light spectrum.
![Page 3: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/3.jpg)
Electromagnetic Spectrum
Visible light wavelength: from around 400 to 700 nm
1. For an achromatic (monochrome) light source, there is only 1 attribute to describe the quality: intensity
2. For a chromatic light source, there are 3 attributes to describe the quality: Radiance = total amount of energy flow from a light source (Watts) Luminance = amount of energy received by an observer (lumens) Brightness = intensity
![Page 4: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/4.jpg)
Sensitivity of Cones in the Human Eye
6-7 millions conesin a human eye - 65% sensitive to Red light - 33% sensitive to Green light - 2 % sensitive to Blue light
Primary colors:Defined CIE in 1931 Red = 700 nm Green = 546.1nm Blue = 435.8 nm
CIE = Commission Internationale de l’Eclairage(The International Commission on Illumination)
![Page 5: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/5.jpg)
Primary and Secondary Colors
Primarycolor
Primarycolor
Primarycolor
Secondarycolors
![Page 6: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/6.jpg)
Primary and Secondary Colors (cont.)
Additive primary colors: RGBuse in the case of light sourcessuch as color monitors
Subtractive primary colors: CMYuse in the case of pigments inprinting devices
RGB add together to get white
White subtracted by CMY to getBlack
![Page 7: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/7.jpg)
Hue: dominant color corresponding to a dominant wavelength of mixture light wave
Saturation: Relative purity or amount of white light mixedwith a hue (inversely proportional to amount of whitelight added)
Brightness: Intensity
Color Characterization
HueSaturation Chromaticity
amount of red (X), green (Y) and blue (Z) to form any particularcolor is called tristimulus.
![Page 8: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/8.jpg)
CIE Chromaticity Diagram Trichromatic coefficients:
ZYXx
X
ZYXYy
ZYXZz
1 zyx
x
y
Points on the boundary arefully saturated colors
![Page 9: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/9.jpg)
Color Gamut of Color Monitors and Printing Devices
Color Monitors
Printing devices
![Page 10: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/10.jpg)
RGB Color Model Purpose of color models: to facilitate the specification of colors in some standard
RGB color models:- based on cartesian coordinate system
![Page 11: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/11.jpg)
RGB Color Cube
R = 8 bitsG = 8 bitsB = 8 bits
Color depth 24 bits= 16777216 colors
Hidden faces of the cube
![Page 12: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/12.jpg)
RGB Color Model (cont.)
Red fixed at 127
![Page 13: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/13.jpg)
RGB Safe-color Cube
The RGB Cube is divided into6 intervals on each axis to achievethe total 63 = 216 common colors. However, for 8 bit color representation, there are the total256 colors. Therefore, the remaining40 colors are left to OS.
![Page 14: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/14.jpg)
CMY and CMYK Color Models
BGR
YMC
111
C = CyanM = MagentaY = YellowK = Black
![Page 15: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/15.jpg)
HSI Color Model
RGB, CMY models are not good for human interpreting
HSI Color model:Hue: Dominant color
Saturation: Relative purity (inversely proportional to amount of white light added)
Intensity: Brightness
Color carryinginformation
![Page 16: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/16.jpg)
Relationship Between RGB and HSI Color Models
RGB HSI
![Page 17: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/17.jpg)
Hue and Saturation on Color Planes
1. A dot is the plane is an arbitrary color2. Hue is an angle from a red axis.3. Saturation is a distance to the point.
![Page 18: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/18.jpg)
HSI Color Model (cont.)
Intensity is given by a position on the vertical axis.
![Page 19: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/19.jpg)
HSI Color Model
Intensity is given by a position on the vertical axis.
![Page 20: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/20.jpg)
Example: HSI Components of RGB Cube
Hue Saturation Intensity
RGB Cube
![Page 21: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/21.jpg)
Converting Colors from RGB to HSI
GBGB
H if 360 if
2/12
1
))(()(
)()(21
cosBGBRGR
BRGR
BGRS
31
)(31 BGRI
![Page 22: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/22.jpg)
Converting Colors from HSI to RGB
)1( SIB
)60cos(
cos1H
HSIR
)(1 BRG
RG sector: 1200 H GB sector: 240120 H
)1( SIR
)60cos(
cos1H
HSIG
)(1 GRB
)1( SIG
)60cos(
cos1H
HSIB
)(1 BGR
BR sector: 360240 H
120HH
240HH
![Page 23: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/23.jpg)
Example: HSI Components of RGB Colors
Hue
Saturation Intensity
RGBImage
![Page 24: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/24.jpg)
Color Image Processing
There are 2 types of color image processes
1. Pseudocolor image process: Assigning colors to gray values based on a specific criterion. Gray scale images to be processedmay be a single image or multiple images such as multispectral images
2. Full color image process: The process to manipulate realcolor images such as color photographs.
![Page 25: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/25.jpg)
Pseudocolor Image Processing
Why we need to assign colors to gray scale image?
Answer: Human can distinguish different colors better than differentshades of gray.
Pseudo color = false color : In some case there is no “color” conceptfor a gray scale image but we can assign “false” colors to an image.
![Page 26: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/26.jpg)
Intensity Slicing or Density Slicing
TyxfCTyxfC
yxg),( if ),( if
),(2
1
Formula:C1 = Color No. 1C2 = Color No. 2
T
IntensityCo
lor
C1
C2
T0 L-1A gray scale image viewed as a 3D surface.
![Page 27: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/27.jpg)
Intensity Slicing Example
An X-ray image of a weld with cracks
After assigning a yellow color to pixels withvalue 255 and a blue color to all other pixels.
![Page 28: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/28.jpg)
Multi Level Intensity Slicing
kkk lyxflCyxg ),(for ),( 1
Ck = Color No. klk = Threshold level k
Intensity
Colo
r
C1
C2
0 L-1l1 l2 l3 lklk-1
C3
Ck-1
Ck
![Page 29: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/29.jpg)
Multi Level Intensity Slicing Example
kkk lyxflCyxg ),(for ),( 1Ck = Color No. klk = Threshold level k
An X-ray image of the PickerThyroid Phantom.
After density slicing into 8 colors
![Page 30: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/30.jpg)
Color Coding Example
A unique color is assigned toeach intensity value.
Gray-scale image of average monthly rainfall.
Color coded image
Color map
South America region
![Page 31: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/31.jpg)
Gray Level to Color Transformation
Assigning colors to gray levels based on specific mapping functions
Red component
Green component
Blue component
Gray scale image
![Page 32: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/32.jpg)
Gray Level to Color Transformation Example An X-ray image of a garment bag with a simulated explosivedevice
An X-ray image of a garment bag
Color codedimages
Transformations
![Page 33: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/33.jpg)
Gray Level to Color Transformation Example An X-ray image of a garment bag with a simulated explosivedevice
An X-ray image of a garment bag
Color codedimages
Transformations
![Page 34: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/34.jpg)
Pseudocolor Coding
Used in the case where there are many monochrome images such as multispectralsatellite images.
![Page 35: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/35.jpg)
Pseudocolor Coding Example
Washington D.C. area
Visible bluel = 0.45-0.52 mm
Max water penetration
Visible greenl= 0.52-0.60 mmMeasuring plant
Visible redl = 0.63-0.69 mmPlant discrimination
Near infraredl = 0.76-0.90 mm
Biomass and shoreline mapping
1 2
3 4 Red = Green = Blue =
Color composite images
123
Red = Green = Blue =
124
![Page 36: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/36.jpg)
Pseudocolor Coding Example
Psuedocolor rendition of Jupiter moon Io
A close-up
Yellow areas = older sulfur deposits.Red areas = material ejected from
active volcanoes.
![Page 37: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/37.jpg)
Basics of Full-Color Image Processing Two Methods:1. Per-color-component processing: process each component separately.2. Vector processing: treat each pixel as a vector to be processed.
Example of per-color-component processing: smoothing an imageBy smoothing each RGB component separately.
![Page 38: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/38.jpg)
Example: Full-Color Image and Variouis Color Space Components
Color image
CMYK components
RGB components
HSI components
![Page 39: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/39.jpg)
Color Transformation
Formulation:
),(),( yxfTyxg
f(x,y) = input color image, g(x,y) = output color imageT = operation on f over a spatial neighborhood of (x,y)
When only data at one pixel is used in the transformation, we can express the transformation as:
),,,( 21 nii rrrTs i= 1, 2, …, n
Where ri = color component of f(x,y)si = color component of g(x,y)
Use to transform colors to colors.
For RGB images, n = 3
![Page 40: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/40.jpg)
Example: Color Transformation
),(),(),(),(),(),(
yxkryxsyxkryxsyxkryxs
BB
GG
RR
Formula for RGB:
),(),( yxkryxs II
Formula for CMY:
)1(),(),()1(),(),(
)1(),(),(
kyxkryxskyxkryxs
kyxkryxs
YY
MM
CC
Formula for HSI:
These 3 transformations givethe same results.
k = 0.7
I H,S
![Page 41: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/41.jpg)
Color Complements
Color complement replaces each color with its opposite color in thecolor circle of the Hue component. This operation is analogous toimage negative in a gray scale image.
Color circle
![Page 42: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/42.jpg)
Color Complement Transformation Example
![Page 43: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/43.jpg)
Color Slicing Transformation
otherwise2
if 5.01
i
njanyjj
i
r
War s
We can perform “slicing” in color space: if the color of each pixel is far from a desired color more than threshold distance, we set that color to some specific color such as gray, otherwise we keep the original color unchanged.
i= 1, 2, …, n
or
otherwise
if 5.01
20
2
i
n
jjj
i
r
Rar s
Set to gray
Keep the originalcolor
Set to gray
Keep the originalcolor
i= 1, 2, …, n
![Page 44: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/44.jpg)
Color Slicing Transformation Example
Original image
After color slicing
![Page 45: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/45.jpg)
Tonal Correction Examples In these examples, only brightness and contrast are adjusted while keeping color unchanged.
This can be done byusing the same transformationfor all RGB components.
Power law transformations
Contrast enhancement
![Page 46: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/46.jpg)
Color Balancing Correction Examples
Color imbalance: primary color components in white areaare not balance. We can measure these components by using a color spectrometer.
Color balancing can beperformed by adjustingcolor components separatelyas seen in this slide.
![Page 47: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/47.jpg)
Histogram Equalization of a Full-Color Image
Histogram equalization of a color image can be performed by adjusting color intensity uniformly while leaving color unchanged.
The HSI model is suitable for histogram equalization where only Intensity (I) component is equalized.
k
j
j
k
jjrkk
Nn
rprTs
0
0
)()(
where r and s are intensity components of input and output color image.
![Page 48: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/48.jpg)
Histogram Equalization of a Full-Color Image Original image
After histogram equalization
After increasing saturation component
![Page 49: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/49.jpg)
Color Image Smoothing
Two methods:1. Per-color-plane method: for RGB, CMY color models
Smooth each color plane using moving averaging and the combine back to RGB
2. Smooth only Intensity component of a HSI image while leavingH and S unmodified.
xy
xy
xy
xy
Syx
Syx
Syx
Syx
yxBK
yxGK
yxRK
yxK
yx
),(
),(
),(
),(
),(1
),(1
),(1
),(1),( cc
![Page 50: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/50.jpg)
Color Image Smoothing Example (cont.)
Color image Red
Green Blue
![Page 51: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/51.jpg)
Color Image Smoothing Example (cont.)
Hue Saturation Intensity
Color image
HSI Components
![Page 52: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/52.jpg)
Color Image Smoothing Example (cont.)
Smooth all RGB components Smooth only I component of HSI(faster)
![Page 53: Digital Image Processing Week VIII](https://reader035.vdocuments.us/reader035/viewer/2022062305/56816213550346895dd23fd4/html5/thumbnails/53.jpg)
Color Image Smoothing Example (cont.)
Difference between smoothed results from 2methods in the previousslide.