COLOR and the human response to light

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.
Color To understand how to make realistic images, we need a basic understanding of the physics and physiology of vision.
Achromatic and Colored Light CS 288 9/17/1998 Vic.
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.
Why is this hard to read. Unrelated vs. Related Color Unrelated color: color perceived to belong to an area in isolation (CIE 17.4) Related color: color.
School of Computing Science Simon Fraser University
CS 4731: Computer Graphics Lecture 24: Color Science
© 2002 by Yu Hen Hu 1 ECE533 Digital Image Processing Color Imaging.
What is color for?.
Color Representation Lecture 3 CIEXYZ Color Space CIE Chromaticity Space HSL,HSV,LUV,CIELab X Z Y.
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.
CS559-Computer Graphics Copyright Stephen Chenney Color Recap The physical description of color is as a spectrum: the intensity of light at each wavelength.
Color Models AM Radio FM Radio + TV Microwave Infrared Ultraviolet Visible.
Raster Graphics and Color
Color & Color Management. Overview I. Color Perception Definition & characteristics of color II. Color Representation RGB, CMYK, XYZ, Lab III. Color Management.
9/14/04© University of Wisconsin, CS559 Spring 2004 Last Time Intensity perception – the importance of ratios Dynamic Range – what it means and some of.
CS 376 Introduction to Computer Graphics 01 / 26 / 2007 Instructor: Michael Eckmann.
2001 by Jim X. Chen: 1 The purpose of a color model is to allow convenient specification of colors within some color gamut.
CGMB 324: Multimedia System design
Color Theory What is color? How do we describe and match colors? Color spaces.
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.
1 Color vision and representation S M L.
COLLEGE OF ENGINEERING UNIVERSITY OF PORTO COMPUTER GRAPHICS AND INTERFACES / GRAPHICS SYSTEMS JGB / AAS Light and Color Graphics Systems / Computer.
Chapter 3: Colorimetry How to measure or specify color? Color dictionary?
Color Color is a psychophysical concept depending both upon the spectral distribution of the radiant energy of the illumination source and the visual sensations.
CS 445 / 645: Introductory Computer Graphics Color.
ELE 488 Fall 2006 Image Processing and Transmission Syllabus 1. Human Visual System 2. Image Representations (gray level, color) 3. Simple Processing:
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.
Week 6 Colour. 2 Overview By the end of this lecture you will be familiar with: –Human visual system –Foundations of light and colour –HSV and user-oriented.
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?
1 Introduction to Computer Graphics with WebGL Ed Angel Professor Emeritus of Computer Science Founding Director, Arts, Research, Technology and Science.
1 Chapter 2: Color Basics. 2 What is light?  EM wave, radiation  Visible light has a spectrum wavelength from 400 – 780 nm.  Light can be composed.
CSC361/ Digital Media Burg/Wong
COLORCOLOR Angel 1.4 and 2.4 J. Lindblad
CS 376 Introduction to Computer Graphics 01 / 24 / 2007 Instructor: Michael Eckmann.
A color model is a specification of a 3D color co-ordinate system and a visible subset in the co-ordinate System within all colors in a particular color.
1 CSCE441: Computer Graphics: Color Models Jinxiang Chai.
Introduction to Computer Graphics
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.
FRS 123: Technology in Art and Cultural Heritage Color.
Hebrew University Image Processing Exercise Class 12: Color Many slides from Freeman and Durand Color Exercise Class 12.
Computer Graphics: Achromatic and Coloured Light.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
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.
Half Toning Dithering RGB CMYK Models
Color Image Processing
CS-565 Computer Vision Nazar Khan Lecture 3.
(c) University of Wisconsin, CS559 Spring 2002
COLOR space Mohiuddin Ahmad.
Color 2017, Fall.
Color 2015, Fall.
Visible Light. Visible Light Light & Color Color is produced by the absorption of selected wavelengths of light by an object. All the colors except.
Introduction to Perception and Color
Slides taken from Scott Schaefer
Color Model By : Mustafa Salam.
Color Models l Ultraviolet Infrared 10 Microwave 10
Color Theory What is color? How do we perceive it?
Presentation transcript:

COLOR and the human response to light Idit Haran

Contents Introduction: Color Spaces: The nature of light The physiology of human vision Color Spaces: Linear (RGB, CMYK) Artistic View (Munsell, HSV, HLS) Standard (CIE-XYZ) Perceptual (Luv, Lab) Opponent (YIQ, YUV) – used in TV

Introduction

Electromagnetic Radiation - Spectrum 600 nm Wavelength in meters (m) Gamma X rays Infrared Radar FM TV AM Ultra- violet 10 -12 -8 -4 4 1 8 electricity AC Short- wave 400 nm 500 nm 700 nm Wavelength in nanometers (nm) Visible light

Spectral Power Distribution The Spectral Power Distribution (SPD) of a light is a function P() which defines the power in the light at each wavelength Wavelength (l) 400 500 600 700 0.5 1 Relative Power

Examples

The Interaction of Light and Matter Some or all of the light may be absorbed depending on the pigmentation of the object.

The Physiology of Human Vision

The Human Eye

The Human Retina rods cones light bipolar ganglion horizontal amacrine

The Human Retina

Retinal Photoreceptors

Cones High illumination levels (Photopic vision) Less sensitive than rods. 5 million cones in each eye. Density decreases with distance from fovea.

3 Types of Cones L-cones, most sensitive to red light (610 nm) M-cones, most sensitive to green light (560 nm) S-cones, most sensitive to blue light (430 nm)

Cones Spectral Sensitivity

Metamers Two lights that appear the same visually. They might have different SPDs (spectral power distributions)

History Tomas Young (1773-1829) “A few different retinal receptors operating with different wavelength sensitivities will allow humans to perceive the number of colors that they do. “ James Clerk Maxwell (1872) “We are capable of feeling three different color sensations. Light of different kinds excites three sensations in different proportions, and it is by the different combinations of these three primary sensations that all the varieties of visible color are produced. “ Trichromatic: “Tri”=three “chroma”=color

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

Contents Introduction: Color Spaces: The nature of light The physiology of human vision Color Spaces: Linear (RGB, CMYK) Artistic View (Munsell, HSV, HLS) Standard (CIE-XYZ) Perceptual (Luv, Lab) Opponent (YIQ, YUV) – used in TV

Linear Color Spaces a· (a, b, c) Colors in 3D color space can be described as linear combinations of 3 basis colors, called primaries = a· + b· + c· The representation of : is then given by: (a, b, c)

RGB Color Model RGB = Red, Green, Blue Choose 3 primaries as the basis SPDs (Spectral Power Distribution.) 400 500 600 700 1 2 3 Wavelength (nm) Primary Intensity

Color Matching Experiment + - test match Three primary lights are set to match a test light = ~ 400 500 600 700 0.25 0.5 0.75 1 Test light Match light

CIE-RGB Stiles & Burch (1959) Color matching Experiment. Primaries are: 444.4 525.3 645.2 Given the 3 primaries, we can describe any light with 3 values (CIE-RGB): (85, 38, 10) (21, 45, 72) (65, 54, 73)

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

Example

Example

Example

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

Munsell Color System Equal perceptual steps in Hue Saturation Value. Hue: R, YR, Y, GY, G, BG, B, PB, P, RP (each subdivided into 10) Value: 0 ... 10 (dark ... pure white) Chroma: 0 ... 20 (neutral ... saturated) Example: 5YR 8/4

Munsell Book of Colors

Munsell Book of Colors

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.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

Blackbody Radiators and CIE Standard Illuminants 2500 - tungsten light (A) 4800 - Sunset 10K - blue sky 6500 - Average daylight (D65)

Chromaticity Defined in Polar Coordinates 0.8 Given a reference white. Dominant Wavelength – wavelength of the spectral color which added to the reference white, produces the given color. 0.6 0.4 reference white 0.2 0.2 0.4 0.6 0.8

Chromaticity Defined in Polar Coordinates 0.8 Given a reference white. Dominant Wavelength 0.6 Complementary Wavelength - wavelength of the spectral color which added to the given color, produces the reference white. 0.4 reference white 0.2 0.2 0.4 0.6 0.8

Chromaticity Defined in Polar Coordinates 0.8 Given a reference white. Dominant Wavelength Complementary Wavelength Excitation Purity – the ratio of the lengths between the given color and reference white and between the dominant wavelength light and reference white. Ranges between 0 .. 1. 0.6 purity 0.4 reference white 0.2 0.2 0.4 0.6 0.8

Device Color Gamut We can use the CIE chromaticity diagram to compare the gamut of various devices: Note, for example, that a color printer cannot reproduce all shades available on a color monitor

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

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

Weber’s Law In general, DI needed for just noticeable difference (JND) over background I was found to satisfy: DI I = constant (I is intensity, DI is change in intensity) Perceived Brightness Weber’s Law: Perceived Brightness = log (I) Intensity

Munsell lines of constant Hue and Chroma 0.5 0.4 0.3 y 0.2 0.1 Value =1/ 0.1 0.2 0.3 0.4 0.5 0.6 x

MacAdam Ellipses of JND (Just Noticeable Difference 0.2 0.4 0.6 0.8 y (Ellipses scaled by 10) x

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.

Munsell Lines and MacAdam Ellipses plotted in CIE-L*u’v’ coordinates -150 -100 -50 50 100 150 Value =5/ 200 v* u* -150 -100 -50 50 100 150 200 v*

Distance should be measured in perceptual color spaces

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

Opponent Color Spaces + black-white + blue-yellow - + red-green - -

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)

YUV - Example Y U V

Summary Light  Eye (Cones,Rods)  [l,m,s]  Color Many 3D color models: Reproducing Metamers to Colors Different reproduction Gamut More / Less intuitive CIE standards