COLOR space Mohiuddin Ahmad.

Slides:



Advertisements
Similar presentations
13- 1 Chapter 13: Color Processing 。 Color: An important descriptor of the world 。 The world is itself colorless 。 Color is caused by the vision system.
Advertisements

CS 445 / 645 Introduction to Computer Graphics Lecture 13 Color Color.
Introduction to Computer Graphics ColorColor. Specifying Color Color perception usually involves three quantities: Hue: Distinguishes between colors like.
Light Light is fundamental for color vision Unless there is a source of light, there is nothing to see! What do we see? We do not see objects, but the.
School of Computing Science Simon Fraser University
SWE 423: Multimedia Systems Chapter 4: Graphics and Images (2)
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
Color Representation Lecture 3 CIEXYZ Color Space CIE Chromaticity Space HSL,HSV,LUV,CIELab X Z Y.
COLOR and the human response to light
Display Issues Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico.
1 CSCE441: Computer Graphics: Color Models Jinxiang Chai.
1 Color and Color Space Presenter: Cheng-Jin Kuo Advisor: Jian-Jiun Ding, Ph. D. Professor Digital Image & Signal Processing Lab Graduate Institute of.
Color Models AM Radio FM Radio + TV Microwave Infrared Ultraviolet Visible.
Color & Color Management. Overview I. Color Perception Definition & characteristics of color II. Color Representation RGB, CMYK, XYZ, Lab III. Color Management.
Colour Theory. Colour Theories 1.Subtractive Theory The subtractive, or pigment theory deals with how white light is absorbed and reflected off of colored.
Light, Color and Imaging. Light The Electromagnetic Spectrum: E = h.
Understanding Colour Colour Models Dr Jimmy Lam Tutorial from Adobe Photoshop CS.
CGMB 324: Multimedia System design
Chapter 6: Color Image Processing Digital Image Processing.
Color Management. How does the color work?  Spectrum Spectrum is a contiguous band of wavelengths, which is emitted, reflected or transmitted by different.
Chapter 3: Colorimetry How to measure or specify color? Color dictionary?
1 © 2010 Cengage Learning Engineering. All Rights Reserved. 1 Introduction to Digital Image Processing with MATLAB ® Asia Edition McAndrew ‧ Wang ‧ Tseng.
Color Principles for Computer Graphics Donald House 9/17/09 Artist’s slides by Lynette House.
Color. Contents Light and color The visible light spectrum Primary and secondary colors Color spaces –RGB, CMY, YIQ, HLS, CIE –CIE XYZ, CIE xyY and CIE.
CS 445 / 645 Introduction to Computer Graphics Lecture 13 Color Color.
Color 2011, Fall. Colorimetry : Definition (1/2) Colorimetry  Light is perceived in the visible band from 380 to 780 nm  distribution of wavelengths.
Color Theory ‣ What is color? ‣ How do we perceive it? ‣ How do we describe and match colors? ‣ Color spaces.
Color. Understanding Color ● What is a color? ● How is color perceived? ● How can color be represented?
CSC361/ Digital Media Burg/Wong
CS6825: Color 2 Light and Color Light is electromagnetic radiation Light is electromagnetic radiation Visible light: nm. range Visible light:
Digital Image Processing In The Name Of God Digital Image Processing Lecture6: Color Image Processing M. Ghelich Oghli By: M. Ghelich Oghli
Color Color Color Tsung-Yi Wu.
1 CSCE441: Computer Graphics: Color Models Jinxiang Chai.
Introduction to Computer Graphics
Color Principles for Computer Graphics Donald House 9/17/09 Artist’s slides by Lynette House.
EEL Introduction to Computer Graphics PPT12: Color models Yamini Bura – U
Color Models. Color models,cont’d Different meanings of color: painting wavelength of visible light human eye perception.
Greg Humphreys CS445: Intro Graphics University of Virginia, Fall 2003 Raster Graphics and Color Greg Humphreys University of Virginia CS 445, Fall 2003.
1 CSCE441: Computer Graphics: Color Models Jinxiang Chai.
CS-321 Dr. Mark L. Hornick 1 Color Perception. CS-321 Dr. Mark L. Hornick 2 Color Perception.
Computer Graphics: Achromatic and Coloured Light.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
Color Huamin Qu Hong Kong University of Science and Technology.
1 Chapter 4 Color in Image and Video 4.1 Color Science 4.2 Color Models in Images 4.3 Color Models in Video 4.4 Further Exploration.
Multimedia systems Lecture 5: Color in Image and Video.
Color Models Light property Color models.
School of Electronics & Information Engineering
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging
Half Toning Dithering RGB CMYK Models
Display Issues Ed Angel
Color Theory.
Color Image Processing
Color Image Processing
Color Image Processing
(c) University of Wisconsin, CS559 Spring 2002
Color 2017, Fall.
Chapter 6: Color Image Processing
Color Image Processing
Color 2015, Fall.
CITA 342 Section 7 Working with Color.
Introduction to Computer Graphics with WebGL
COMS 161 Introduction to Computing
Color Representation Although we can differentiate a hundred different grey-levels, we can easily differentiate thousands of colors.
Color Image Processing
Slides taken from Scott Schaefer
Color Image Processing
Color Model By : Mustafa Salam.
Color Models l Ultraviolet Infrared 10 Microwave 10
Color Theory What is color? How do we perceive it?
Color! Main Goals: Understand this thing: “Chromaticity diagram”
Presentation transcript:

COLOR space Mohiuddin Ahmad

Contents Introduction: Color Spaces: Electromagnetic Radiation Spectral power distribution Color Spaces: Linear (RGB, CMYK) Artistic View (Munsell, HSV, HLS) Standard (CIE-XYZ) Perceptual (Luv, Lab) Opponent (YIQ, YUV) – used in TV

3D Color Spaces Three types of cones suggests color is a 3D quantity. How to define 3D color space? R G B Brightness Hue black-white red-green blue-yellow Cubic Color Spaces Polar Color Spaces Opponent Color Spaces

RGB (additive) & CMYK(subtractive) Color Model RGB = Red, Green, Blue The mixing of “light” Primary: Cyan, Magenta, Yellow, The mixing of “pigment” CMYK Color Model A pigment is a material that changes the color of reflected or transmitted light as the result of wavelength-selective absorption

Subtractive Color Mixing Why? Pigments absorb light Thinking: the Color Filters Question: Yellow + Cyan=?

CIE Color Matching Functions CIE RGB Matching Functions CIE XYZ Matching Functions

RGB from Spectrum RGB = x d

XYZ from Spectrum XYZ = x d

CIE xyY from CIE XYZ CIE xyY color model is used to catalog colors: x = X / (X + Y + Z) y = Y / (X + Y + Z) Y = luminance

CIE xyY Color Cone

The CIE System CIE-Commission internationale de l'Eclairage (International commission of illumination) CIE 1931 XYZ system One of the color spaces The first mathematical defined color space Three parameter: X, Y, Z or Y (brightness), x, y (chroma)

The CIE System CIE Chromaticity Diagram Spectral Locus Parameter x, y

The CIE System How do we get the parameters from a specified color or object? The spectral power distribution of the illuminant: spectral reflectance factor of the object : Matching function:

The CIE System

RGB Image 126 14 111 36 12 17 200 72 10 128 106 155 10 128 36 17 200 111 12 14 126 72 106 155

CMYK Color Model CMYK = Cyan, Magenta, Yellow, black B G R B G R B G R transmit Cyan – removes Red Magenta – removes Green B G R Yellow – removes Blue B G R Black – removes all

Combining Colors Additive (RGB) Subtractive (CMYK)

Example: red = magenta + yellow B G R yellow B G R + B G R red =

CMY + Black C + M + Y = K (black) Using three inks for black is expensive C+M+Y = dark brown not black Black instead of C+M+Y is crisper with more contrast = 50 + 100 50 70 50 20 C M Y K C M Y

Example

Example - C

Example - M

Example - Y

Example - K

From RGB to CMY

Color Spaces Linear (RGB, CMYK) Artistic View (Munsell, HSV, HLS) Standard (CIE-XYZ) Perceptual (LUV, Lab) Opponent (YIQ, YUV) – used in TV

The Artist Point of View Hue - The color we see (red, green, purple) Saturation - How far is the color from gray (pink is less saturated than red, sky blue is less saturated than royal blue) Brightness/Lightness (Luminance) - How bright is the color white

Artist’s Color Hue Saturation Value

Value Luminance Dark to Light Value range High key Middle key Low key

Hue - Paint Mixing Physical mix of opaque (not transparent) paints Primary: RYB Secondary: OGV Neutral: R + Y + B

Hue - Ink Mixing Subtractive mix of transparent inks Primary: CMY Secondary: RGB ~Black: C + M + Y Actually use CMYK to get true black

Hue - Ink Mixing Assumption: ink printed on pure white paper CMY = White – RGB: C = 1 – R, M = 1 – G, Y = 1 – B CMYK from CMY (K is black ink): K = min(C, M, Y) C = C – K, M = M – K, Y = Y - K

Hue - Light Mixing Additive mix of colored lights Primary: RGB Secondary: CMY White = R + G + B Show demonstration of optical mixing

Saturation Purity of color

HSV is a projection of the RGB space HSV color model RGB cube HSV top view HSV cone HSV is a projection of the RGB space

HSV/HSB Color Space HSV = Hue Saturation Value HSB = Hue Saturation Brightness Saturation Scale Brightness Scale

HSV Value Saturation Hue

HLS Color Space HLS = Hue Lightness Saturation V H S red 0° green 120° yellow Blue 240° cyan magenta V black 0.0 0.5 H S

Color Spaces Linear (RGB, CMYK) Artistic View (Munsell, HSV, HLS) Standard (CIE-XYZ) Perceptual (Luv, Lab) Opponent (YIQ, YUV) – used in TV

CIE Color Standard Why do we need a standard ? RGB differ from one device to another

CIE Color Standard Why do we need a standard ? RGB differ from one device to another RGB cannot represent all colors RGB Color Matching Functions

CIE Color Standard - 1931 CIE - Commision Internationale d’Eclairage 1931 - defined a standard system for color representation. XYZ tristimulus coordinate system. X Y Z

XYZ Spectral Power Distribution Wavelength (nm) Tristimulus values 400 500 600 700 0.2 0.6 1 1.4 1.8 Non negative over the visible wavelengths. The 3 primaries associated with x y z spectral power distribution are unrealizable (negative power in some of the wavelengths). y was chosen to equal luminance of monochromatic lights. z(l) y(l) x(l)

RGB to XYZ RGB to XYZ is a linear transformation X 0.490 0.310 0.200 0.177 0.813 0.011 0.000 0.010 0.990 R = Y G Z B

CIE Chromaticity Diagram 650 610 590 550 570 600 580 560 540 505 500 510 520 530 490 495 485 480 470 450 1.0 0.5 0.0 0.9 y X X+Y+Z = x Y X+Y+Z = y Z X+Y+Z = z x+y+z = 1 x

Color Naming y x 0.9 green yellow- yellow orange white cyan red pink 650 610 590 550 570 600 580 560 540 505 500 510 520 530 490 495 485 480 470 450 1.0 0.5 0.0 0.9 green yellow- yellow orange red magenta purple blue cyan white pink y

Perceptual (Luv, Lab) Luminance v.s. Brightness Luminance Brightness (intensity) vs (Lightness) Y in XYZ V in HSV Equal intensity steps: Luminance DI1 DI2 I2 I1 Equal brightness steps: I1 < I2, DI1 = DI2

Perceptual Color Spaces An improvement over CIE-XYZ that represents better uniform color spaces The transformation from XYZ space to perceptual space is Non Linear. Two standard adopted by CIE are L*u’v’ and L*a*b* The L* line in both spaces is a replacement of the Y lightness scale in the XYZ model, but it is more indicative of the actual visual differences.

YIQ Color Model YIQ is the color model used for color TV in America (NTSC= National Television Systems Committee) Y is luminance, I & Q are color (I=red/green,Q=blue/yellow) Note: Y is the same as CIE’s Y Result: backwards compatibility with B/W TV! Convert from RGB to YIQ: The YIQ model exploits properties of our visual system, which allows to assign different bandwidth for each of the primaries (4 MHz to Y, 1.5 to I and 0.6 to Q)

YUV Color Model YUV is the color model used for color TV in Israel (PAL), and in video. Also called YCbCr. Y is luminance as in YIQ. U and V are blue and red (Cb and Cr). The YUV uses the same benefits as YIQ, (5.5 MHz for Y, 1.3 for U and V). Converting from RGB to YUV: Y = 0.299R + 0.587G + 0.114B U = 0.492(B – Y) V = 0.877(R – Y)