University of British Columbia CPSC 314 Computer Graphics Jan-Apr 2010 Tamara Munzner Vision/Color Week 5, Fri.

Slides:



Advertisements
Similar presentations
Numbers Treasure Hunt Following each question, click on the answer. If correct, the next page will load with a graphic first – these can be used to check.
Advertisements

1
3.1 Si23_03 SI23 Introduction to Computer Graphics Lecture 3 – Colour Vision.
4.1 Si23_03 SI23 Introduction to Computer Graphics Lecture 4 – Colour Models.
PP Test Review Sections 6-1 to 6-6
1 color rein van den boomgaard. 2 color images 3.
Copyright © 2012, Elsevier Inc. All rights Reserved. 1 Chapter 7 Modeling Structure with Blocks.
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.
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.
Color Image Processing
Achromatic and Colored Light CS 288 9/17/1998 Vic.
University of British Columbia CPSC 314 Computer Graphics Jan-Apr 2005 Tamara Munzner Color Week 5, Fri Feb.
University of British Columbia CPSC 314 Computer Graphics Jan-Apr 2007 Tamara Munzner Vision/Color II, Virtual.
School of Computing Science Simon Fraser University
CS 4731: Computer Graphics Lecture 24: Color Science
University of British Columbia CPSC 314 Computer Graphics Jan-Apr 2007 Tamara Munzner Vision/Color Week 5, Mon.
University of British Columbia CPSC 414 Computer Graphics © Tamara Munzner 1 Color 2 Week 10, Fri 7 Nov 2003.
1 Computer Science 631 Lecture 6: Color Ramin Zabih Computer Science Department CORNELL UNIVERSITY.
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.
CS559-Computer Graphics Copyright Stephen Chenney Color Recap The physical description of color is as a spectrum: the intensity of light at each wavelength.
Why Care About Color? Accurate color reproduction is commercially valuable - e.g. Kodak yellow, painting a house Color reproduction problems increased.
Color Models AM Radio FM Radio + TV Microwave Infrared Ultraviolet Visible.
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.
Any questions about the current assignment? (I’ll do my best to help!)
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?
CS 445 / 645: Introductory Computer Graphics Color.
Topic 5 - Imaging Mapping - II DIGITAL IMAGE PROCESSING Course 3624 Department of Physics and Astronomy Professor Bob Warwick.
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.
Color Theory ‣ What is color? ‣ How do we perceive it? ‣ How do we describe and match colors? ‣ Color spaces.
1 Introduction to Computer Graphics with WebGL Ed Angel Professor Emeritus of Computer Science Founding Director, Arts, Research, Technology and Science.
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:
CS 376 Introduction to Computer Graphics 01 / 24 / 2007 Instructor: Michael Eckmann.
Graphics Lecture 4: Slide 1 Interactive Computer Graphics Lecture 4: Colour.
CS 551 / 645: Introductory Computer Graphics Color.
Three-Receptor Model Designing a system that can individually display thousands of colors is very difficult Instead, colors can be reproduced by mixing.
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.
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.
David Luebke 1 2/5/2016 Color CS 445/645 Introduction to Computer Graphics David Luebke, Spring 2003.
David Luebke2/23/2016 CS 551 / 645: Introductory Computer Graphics Color Continued Clipping in 3D.
David Luebke3/11/2016 CS 551 / 645: Introductory Computer Graphics Geometric transforms: perspective projection Color.
09/10/02(c) University of Wisconsin, CS559 Fall 2002 Last Time Digital Images –Spatial and Color resolution Color –The physics of color.
Color University of British Columbia CPSC 314 Computer Graphics Jan-Apr 2016 Tamara Munzner.
Computer Graphics: Achromatic and Coloured Light.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
Color Models Light property Color models.
Half Toning Dithering RGB CMYK Models
CS 551 / 645: Introductory Computer Graphics
Color Image Processing
Color Image Processing
COLOR space Mohiuddin Ahmad.
Pengenalan Warna Teori Warna.
Color Image Processing
© University of Wisconsin, CS559 Spring 2004
Computer Vision Lecture 4: Color
Color Image Processing
Slides taken from Scott Schaefer
Color Model By : Mustafa Salam.
Color Models l Ultraviolet Infrared 10 Microwave 10
Presentation transcript:

University of British Columbia CPSC 314 Computer Graphics Jan-Apr 2010 Tamara Munzner Vision/Color Week 5, Fri Feb 5

2 News TA office hours in lab for P2/H2 questions next week Mon 3-5 (Shailen) Tue 3:30-5 (Kai) Wed 3-5 (Shailen) Thu 3-5 (Kai) Fri 2-4 (Garrett) again - start now, do not put off until late in break!

3 Review: Component Color component-wise multiplication of colors (a0,a1,a2) * (b0,b1,b2) = (a0*b0, a1*b1, a2*b2) why does this work? must dive into light, human vision, color spaces

4 Basics Of Color elements of color:

5 Basics of Color physics illumination electromagnetic spectra reflection material properties surface geometry and microgeometry polished versus matte versus brushed perception physiology and neurophysiology perceptual psychology

6 Light Sources common light sources differ in kind of spectrum they emit: continuous spectrum energy is emitted at all wavelengths blackbody radiation tungsten light bulbs certain fluorescent lights sunlight electrical arcs line spectrum energy is emitted at certain discrete frequencies

7 Blackbody Radiation black body dark material, so that reflection can be neglected spectrum of emitted light changes with temperature this is the origin of the term color temperature e.g. when setting a white point for your monitor cold: mostly infrared hot: reddish very hot: bluish demo:

8 Electromagnetic Spectrum

9

10 White Light sun or light bulbs emit all frequencies within visible range to produce what we perceive as "white light"

11 Sunlight Spectrum spectral distribution: power vs. wavelength

12 Continuous Spectrum sunlight various daylight lamps

13 Line Spectrum ionized gases lasers some fluorescent lamps

14 White Light and Color when white light is incident upon an object, some frequencies are reflected and some are absorbed by the object combination of frequencies present in the reflected light that determines what we perceive as the color of the object

15 Hue hue (or simply, "color") is dominant wavelength/frequency integration of energy for all visible wavelengths is proportional to intensity of color

16 Saturation or Purity of Light how washed out or how pure the color of the light appears contribution of dominant light vs. other frequencies producing white light saturation: how far is color from grey pink is less saturated than red sky blue is less saturated than royal blue

17 Intensity vs. Brightness intensity : physical term measured radiant energy emitted per unit of time, per unit solid angle, and per unit projected area of the source (related to the luminance of the source) lightness/brightness: perceived intensity of light nonlinear

18 Perceptual vs. Colorimetric Terms Perceptual Hue Saturation Lightness reflecting objects Brightness light sources Colorimetric Dominant wavelength Excitation purity Luminance

19 Physiology of Vision the retina rods b/w, edges cones 3 types color sensors uneven distribution dense fovea

20 Physiology of Vision Center of retina is densely packed region called the fovea. Cones much denser here than the periphery

21 Foveal Vision hold out your thumb at arms length

22 Tristimulus Theory of Color Vision Although light sources can have extremely complex spectra, it was empirically determined that colors could be described by only 3 primaries Colors that look the same but have different spectra are called metamers

23 Trichromacy three types of cones L or R, most sensitive to red light (610 nm) M or G, most sensitive to green light (560 nm) S or B, most sensitive to blue light (430 nm) color blindness results from missing cone type(s)

24 Metamers a given perceptual sensation of color derives from the stimulus of all three cone types identical perceptions of color can thus be caused by very different spectra demo

25 Color Spaces three types of cones suggests color is a 3D quantity. how to define 3D color space? idea: perceptually based measurement shine given wavelength ( ) on a screen user must control three pure lights producing three other wavelengths used R=700nm, G=546nm, and B=436nm adjust intensity of RGB until colors are identical this works because of metamers! experiments performed in 1930s

26 Negative Lobes sometimes need to point red light to shine on target in order to match colors equivalent mathematically to "removing red" but physically impossible to remove red from CRT phosphors cant generate all other wavelenths with any set of three positive monochromatic lights! solution: convert to new synthetic coordinate system to make the job easy

27 CIE Color Space CIE defined 3 imaginary lights X, Y, Z any wavelength can be matched perceptually by positive combinations Note that: X ~ R Y ~ G Z ~ B

28 Measured vs. CIE Color Spaces measured basis monochromatic lights physical observations negative lobes transformed basis imaginary lights all positive, unit area Y is luminance, no hue X,Z no luminance

29 CIE and Chromaticity Diagram X, Y, Z form 3D shape project X, Y, Z on X+Y+Z=1 plane for 2D color space chromaticity diagram separate color from brightness x = X / (X+Y+Z) y = Y / (X+Y+Z)

30 CIE Horseshoe Diagram Facts all visible colors lie inside the horseshoe result from color matching experiments spectral (monochromatic) colors lie around the border straight line between blue and red contains purple tones colors combine linearly (i.e. along lines), since the xy-plane is a plane from a linear space

31 CIE Horseshoe Diagram Facts can choose a point C for a white point corresponds to an illuminant usually on curve swept out by black body radiation spectra for different temperatures

32 Blackbody Curve illumination: candle 2000K A: Light bulb 3000K sunset/ sunrise 3200K D: daylight 6500K overcast day 7000K lightning >20,000K

33 CIE Horseshoe Diagram Facts can choose a point C for a white point corresponds to an illuminant usually on curve swept out by black body radiation spectra for different temperatures two colors are complementary relative to C when are located on opposite sides of line segment through C so C is an affine combination of the two colors find dominant wavelength of a color: extend line from C through color to edge of diagram some colors (i.e. purples) do not have a dominant wavelength, but their complementary color does

34 Color Interpolation, Dominant & Opponent Wavelength Complementary wavelength

35 Device Color Gamuts gamut is polygon, device primaries at corners defines reproducible color range X, Y, and Z are hypothetical light sources, no device can produce entire gamut

36 Display Gamuts From A Field Guide to Digital Color, © A.K. Peters, 2003

37 Projector Gamuts From A Field Guide to Digital Color, © A.K. Peters, 2003

38 Gamut Mapping how to handle colors outside gamut? one way: construct ray to white point, find closest displayable point within gamut

39 RGB Color Space (Color Cube) define colors with (r, g, b) amounts of red, green, and blue used by OpenGL hardware-centric RGB color cube sits within CIE color space subset of perceivable colors scale, rotate, shear cube

40 HSV Color Space more intuitive color space for people H = Hue dominant wavelength, color S = Saturation how far from grey/white V = Value how far from black/white also: brightness B, intensity I, lightness L Value Saturation Hue

41 HSI/HSV and RGB HSV/HSI conversion from RGB not expressible in matrix H=hue same in both V=value is max, I=intensity is average HSI: HSV:

42 YIQ Color Space color model used for color TV Y is luminance (same as CIE) I & Q are color (not same I as HSI!) using Y backwards compatible for B/W TVs conversion from RGB is linear expressible with matrix multiply green is much lighter than red, and red lighter than blue Q I

43 Luminance vs. Intensity luminance Y of YIQ 0.299R G B captures important factor intensity/brightness I/V/B of HSI/HSV/HSB 0.333R G B not perceptually based

44 Opponent Color definition achromatic axis R-G and Y-B axis separate lightness from chroma channels first level encoding linear combination of LMS before optic nerve basis for perception color blind = color deficient degraded/no acuity on one axis 8%-10% men are red/green deficient

45 vischeck.com simulates color vision deficiencies DeuteranopeProtanopeTritanope Normal vision

46 Color/Lightness Constancy color perception depends on surrounding colors in close proximity simultaneous contrast effect illumination under which the scene is viewed

47 Color/Lightness Constancy Image courtesy of John McCann

48 Color/Lightness Constancy Image courtesy of John McCann

49 Color Constancy automatic white balance from change in illumination vast amount of processing behind the scenes! colorimetry vs. perception

50 Stroop Effect red blue orange purple green

51 Stroop Effect blue green purple red orange interplay between cognition and perception