CS5600 Computer Graphics by Rich Riesenfeld Spring 2006 Lecture Set 11.

Slides:



Advertisements
Similar presentations
Prof. Muhammad Saeed. FUUASTDept. Comp. Sc. & IT2 Wavelength Note that the rainbow does not contain any magenta. It is nonspectral. Color Models:
Advertisements

4.1 Si23_03 SI23 Introduction to Computer Graphics Lecture 4 – Colour Models.
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.
Introduction to Computer Graphics ColorColor. Specifying Color Color perception usually involves three quantities: Hue: Distinguishes between colors like.
Color CS5540 HCI Rich Riesenfeld Fall 2011 Lecture Set 25 Fall
Color To understand how to make realistic images, we need a basic understanding of the physics and physiology of vision.
Color Image Processing
Fundamentals of Digital Imaging
School of Computing Science Simon Fraser University
HCI 530 – Seminar in Advanced Topics 10/8/2004Damian Schofield1 Assignment 1 Answer the following questions – I am looking for proof that you have understood.
CS 4731: Computer Graphics Lecture 24: Color Science
© 2002 by Yu Hen Hu 1 ECE533 Digital Image Processing Color Imaging.
Color.
What is color for?.
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.
Color & Color Management. Overview I. Color Perception Definition & characteristics of color II. Color Representation RGB, CMYK, XYZ, Lab III. Color Management.
Human Vision CS200 Art Technology Spring The Retina Contains two types of photoreceptors – Rods – Cones.
Light, Color and Imaging. Light The Electromagnetic Spectrum: E = h.
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.
SCI 200 Physical Science Lecture 9 Color Mixing Rob Daniell July 28, 2011.
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.
Product Design Sketching Chromatic Theories. Color Spectrum The range of colors seen by human eye is the “visible color spectrum”
Color Background. What is Color? Aspect of vision Physical reaction of the eye and the automatic interpretive response of the brain to wavelength characteristics.
Any questions about the current assignment? (I’ll do my best to help!)
Color Theory What is color? How do we describe and match colors? Color spaces.
Chapter 6: Color Image Processing Digital Image Processing.
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?
1 © 2010 Cengage Learning Engineering. All Rights Reserved. 1 Introduction to Digital Image Processing with MATLAB ® Asia Edition McAndrew ‧ Wang ‧ Tseng.
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 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.
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
COLORCOLOR Angel 1.4 and 2.4 J. Lindblad
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.
Digital Image Processing Week VIII Thurdsak LEAUHATONG Color Image Processing.
Graphics Lecture 4: Slide 1 Interactive Computer Graphics Lecture 4: Colour.
COLOR.
1 CSCE441: Computer Graphics: Color Models Jinxiang Chai.
Introduction to Computer Graphics
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.
BASIC COLOUR COURSE Algemeen
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.
Hebrew University Image Processing Exercise Class 12: Color Many slides from Freeman and Durand Color Exercise Class 12.
09/10/02(c) University of Wisconsin, CS559 Fall 2002 Last Time Digital Images –Spatial and Color resolution Color –The physics of color.
Color Measurement and Reproduction Eric Dubois. How Can We Specify a Color Numerically? What measurements do we need to take of a colored light to uniquely.
Computer Graphics: Achromatic and Coloured Light.
COMPUTER GRAPHICS CS 482 – FALL 2016 CHAPTER 28 COLOR COLOR PERCEPTION CHROMATICITY COLOR MODELS COLOR INTERPOLATION.
Color Models Light property Color models.
Display Issues Ed Angel
Color Image Processing
(c) University of Wisconsin, CS559 Spring 2002
COLOR space Mohiuddin Ahmad.
Slides taken from Scott Schaefer
Color Image Processing
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:

CS5600 Computer Graphics by Rich Riesenfeld Spring 2006 Lecture Set 11

Spring 2006Utah School of Computing2 Physical nature of color Eye mechanism of color –Rods, cones, tri-stimulus model Brain mechanism of color Color spaces Aesthetic and physiological

Spring 2006Utah School of Computing3 Color is complicated! –Highly nonlinear –No single model to explain all Many simplistic models, explanations Many myths Much new knowledge

Spring 2006Utah School of Computing4 Many phenomena to explain –High light / low light –Illusions –Color blindness –Metamers

Spring 2006Utah School of Computing5 Additive Primaries: ( r,g,b ) (1,0,1) (0,0,1 ) (0,1,0) (0,1,1) (1,0,0) (1,1,0) magentamagenta blueblue cyancyan greengreen redred yellowyellow whitewhite (1,1,1)

Spring 2006Utah School of Computing6 Additive Primaries: (r,g,b) …………... ColorTheory/RGBColorApplet /rgbcolorapplet.html

Spring 2006Utah School of Computing7 Traditional, Artistic: rgb cmy cmyk hsv hsl Perceptually Based: XYZ (Tristimulus) Xyz Hunter-Lab CIE-L*ab CIE-L*CH° CIE-L*ab CIE-L*uv

Spring 2006Utah School of Computing8 Additive Primaries: ( r,g,b ) (0,1,0) (1,0,0) (1,1,0) greengreen redred yellowyellow

Spring 2006Utah School of Computing9 Additive Primaries: (r,g,b) (1,0,1) (0,0,1 ) (1,0,0) magentamagenta blueblue redred

Spring 2006Utah School of Computing10 Subtractive Primaries: ( c, m, y ) (1,1,0) yellowyellow (0,1,0) greengreen (0,1,1) cyancyan (0,0,1 ) blueblue (1,0,1) magentamagenta (1,0,0)redred blackblack (0,0,0) blackblack

Spring 2006Utah School of Computing11 Additive Primaries: ( c, m, y ) (0,1,0) greengreen (0,1,1) cyancyan (0,0,1 ) blueblue

Spring 2006Utah School of Computing12 (1,1,0)(1,1,0) yellowyellow (1,0,1)(1,0,1) magentamagenta (1,0,0)(1,0,0) redred blackblack Subtractive Primaries: (c,m,y)

Spring 2006Utah School of Computing13 (1,1,0) yellowyellow (0,1,0) greengreen (0,1,1) cyancyan Subtractive Primaries: (c,m,y)

Spring 2006Utah School of Computing14 (1,0,1) magentamagenta (0,0,1 ) b l ue (0,1,1) cyancyan Subtractive Primaries: (c,m,y)

Spring 2006Utah School of Computing15 Wavelength Spectrum infrared light ultraviolet light Wavelength (nm) Seen in physics, physical phenomena (rainbows, prisms, etc) 1 Dimensional color space

Spring 2006Utah School of Computing16 Wavelength Spectrum Note that the rainbow does not contain any magenta. It is nonspectral.

Spring 2006Utah School of Computing17 “Navigating,” moving around in a color space, is tricky Many color representations ( spaces ) Can you get to a nearby color? Can you predictably adjust a color?

Spring 2006Utah School of Computing18 Color Cube: ( r,g,b ) is RHS (0,0,1 ) blueblue (1,0,1) magentamagenta (0,1,1) cyancyan (0,1,0) greengreen (1,1,0) yellowyellow (1,0,0) redred whitewhite (1,1,1) (0,0,0) blackblackgraygray

Spring 2006Utah School of Computing19 (0,0,1 ) blueblue (1,0,1) magentamagenta (0,1,1) cyancyan (0,1,0) greengreen (1,1,0) yellowyellow (1,0,0) redred (1,1,1) whitewhite

Spring 2006Utah School of Computing20 Complementary Colors Add to Gray (0,0,1 ) blueblue magentamagenta (0,1,1) cyancyan (1,1,1) whitewhite (1,0,1) (0,1,0)(0,1,0) greengreen ( 1,1,0 ) yellowyellow (1,0,0) redred

Spring 2006Utah School of Computing21 Complementary Colors Looking at color cube along major diagonal

Spring 2006Utah School of Computing22 James Clerk Maxwell’s Color  magentamagenta blueblue cyancyan greengreen redred yellowyellow unsaturated cyan whitewhite

Spring 2006Utah School of Computing23 Newton’s Color Wheel Replaced Aristotle’s color model based on light and darkness.

Spring 2006Utah School of Computing24 Color Applets /catalogs/repositoryApplets.html

Spring 2006Utah School of Computing25 ( H, S, V ) Color Space Introduced by Albet Munsell, late 1800s –He was an artist and scientist Hue: Color Saturation/Chroma: Strength of a color –Neutral gray has 0 saturation Brightness/Value: Intensity of light emanating from image

Spring 2006Utah School of Computing26 The hue of an object may be blue, but the terms light and dark distinguish the brightness of one object from another. ( Hue, Saturation, Value/Intensity ) ( H, S, V ) Color Space

Spring 2006Utah School of Computing27 Saturation

Spring 2006Utah School of Computing28 Other HSX Color Spaces ( Cones ) 120 ˚ 0˚0˚ V S H ˚ yellowyellow greengreen cyancyan redred magentamagentablueblue blackblack

Another HSX Color Space ( double cone ) 1.0 S L 29 0˚0˚ 0.0 H whitewhite blackblack redred

Spring 2006Utah School of Computing30 Tristimulus Color Theory Any color can be matched by a mixture of three fixed base colors ( primaries ) Eye has three kinds of color receptors called cones Eye also has rods (low light receptors)

Spring 2006Utah School of Computing31 Color Receptors in Eye (Red Green Blue) (Red, Green, Blue) (Long Medium Short) (Long, Medium, Short) (Red Green Blue) (Red, Green, Blue) (Long Medium Short) (Long, Medium, Short) Fraction of light absorbed by each type of cone Wavelength λ ( nm )

Spring 2006Utah School of Computing32 Color Receptors in Eye Wavelength λ ( nm ) Relative sensitivity

Spring 2006Utah School of Computing33 Why are runway lights blue? Why are console lights green? What color is the Kodak box? Why are green lasers directed toward pilots for destructive purposes? Why do soldiers read maps in the dark using dim red light? Color Response

Spring 2006Utah School of Computing34 Color Matching Experiments Given a reference color, try to match it identically What does “negative red,” or “negative color” mean??

Spring 2006Utah School of Computing35 CIE* Color Space ( X, Y, Z ) represents an imaginary basis that does not correspond to what we see Define the normalized coordinates: x = X / ( X + Y + Z ) y = Y / ( X + Y + Z ) z = Z / ( X + Y + Z ) * Commission Internationale de l'Êclairage

Spring 2006Utah School of Computing36 CIE Color Space of Visible Colors x + y + z = 1 x = X / ( X + Y + Z ) y = Y / ( X + Y + Z ) z = Z / ( X + Y + Z ) z y x The projection of the plane of the triangle onto the (X,Y) plane forms the chromaticity diagram that follows.

Spring 2006Utah School of Computing37 Color Gamuts: CIE Color Chart cyan magenta red blue green yellow whitewhite

Spring 2006Utah School of Computing38 Color Gamuts: CIE Color Chart ideal red ideal blue ideal green redred blueblue greengreen cyan yellow whitewhite 400 nm 490 nm 500 nm 510 nm 540 nm 560 nm 580 nm 700 nm 600 nm 520 nm

Spring 2006Utah School of Computing39 Color Gamuts: CIE Color Chart

Spring 2006Utah School of Computing40 Color Gamuts: CIE Color Chart nm 510 nm 400 nm 500 nm 490 nm 600 nm 520 nm 540 nm 560 nm 580 nm

Spring 2006Utah School of Computing41 Color Gamuts: CIE Color Chart C2C2 C3C3 C1C1 The additive colors C 1 and C 2 combine to form C 3 on the line connecting C 1 and C 2.

Spring 2006Utah School of Computing42 Color Gamuts: CIE Color Chart R B G The Color Gamuts of different displays and printers are not likely to match. Printers usually have smaller gamuts.

Spring 2006Utah School of Computing43 edu/brown/cs/exploratories/applets/combinedColorMixing /combined_color_mixing_java_browser.html

Spring 2006Utah School of Computing44 CIE L*a*b* Color Space greengreen -b*-b*-b*-b* L*=0 L*=1 lightness redred blueblue +a*+a*+a*+a* +a*+a*+a*+a* -a*-a* yellowyellow +b*+b* Equal distances represent approximately equal color difference. whitewhite blackblack

Spring 2006Utah School of Computing45 Important Concepts Adaptation –Slow process Constancy –Immediate process

Spring 2006Utah School of Computing46 Output to the Brain from Lateral Geniculate Body RR GG BB B B - RG R - G BB RR GG YY YY + Color processing unit: lateral geniculate body

Spring 2006Utah School of Computing47 Eye’s Mechanism

48 Lecture Set 11