Chapter 9: Color What is color? Color mixtures –Intensity-distribution curves –Additive Mixing –Partitive Mixing Specifying colors –RGB Color –Chromaticity.

Slides:



Advertisements
Similar presentations
Color Wheel A tool to use to understand the uses of color.
Advertisements

What is Color? Color is related to the wavelength of light. If a color corresponds to one particular wavelength, this is called spectral color. =600 nm.
Intro to Visual Communication - Colour Theory Colour Spectrum Colour Wheel Primary Colours Secondary Colours Complementary Colours Analogous Colours Split.
Classroom Change This Friday’s class will be at Physics 1201.
COLOUR YEAR 11 - UNIT ONE PHYSICS
2002 by Jim X. Chen: 1 Understand brightness, intensity, eye characteristics, and gamma correction, halftone technology,
EQ: How does light interact with matter?
Achromatic and Colored Light CS 288 9/17/1998 Vic.
School of Computing Science Simon Fraser University
© 2002 by Yu Hen Hu 1 ECE533 Digital Image Processing Color Imaging.
Color.
Physics 1230: Light and Color Ivan I. Smalyukh, Instructor Office: Gamow Tower, F Phone: Lectures: Tuesdays.
1 Ch.4: Cameras photography How cameras work; camera settings; Taking good pictures; Ch.5: Human Eye & Vision Eye & camera: similarities & differences.
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.
Chapter 9: Color Color mixtures –Additive Mixing –Partitive Mixing –Subtractive Mixing Colored Inks and Paint –Watercolors –CMYK Printing –Halftones.
Exam 2: November 8 th –If you will need accommodations, please make sure you have documentation from the University Office of Disability Services –It will.
Color Models AM Radio FM Radio + TV Microwave Infrared Ultraviolet Visible.
1.Today: Review of material for the exam (chapters 9,10,&13) 1.Dec. 14: Exam 3 grades posted; 2.Dec. 15: Final grades posted; Exam: Multiple choice questions;
CMYK Cyan Cyan Magenta Magenta Yellow Yellow Black Black.
Color: The result of the spectrum of visible light reflecting off of an object. Ultraviolet Infrared.
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.
Course Website: Digital Image Processing Colour Image Processing.
Digital Image Processing Colour Image Processing.
CS 376 Introduction to Computer Graphics 01 / 26 / 2007 Instructor: Michael Eckmann.
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.
Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them.
Color Theory What is color? How do we describe and match colors? Color spaces.
Color Management. How does the color work?  Spectrum Spectrum is a contiguous band of wavelengths, which is emitted, reflected or transmitted by different.
Color Image Processing A spectrum of possibilities…
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. 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.
Red, green and blue (RGB): RGB is another way to use 3 numbers to specify a color instead of using an intensity-distribution curve or HSB In addition.
CSC361/ Digital Media Burg/Wong
Waves How do we see color?
CS 376 Introduction to Computer Graphics 01 / 24 / 2007 Instructor: Michael Eckmann.
Mixing the broad distributions of green and red yields yellow. Although the resulting spectral distribution is very different from spectral yellow. If.
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.
Wave Model of Light – Explains most properties of light – Uses both light and waves to transfer energy, and they both go outward in all directions from.
Colors of Pigment The primary colors of pigment are magenta, cyan, and yellow. [
The Science of Color The How and Why of Color. Color Basics Sir Isaac Newton discovered that white light breaks into a rainbow of colors in 1666 by passing.
Precautions for TAs Take control of the projector fan –Turn on the fan – don’t let students do this! –Turn off the fan only after the projectors cooled.
COLOR THEORY Color is the eye’s response to the visual spectrum from red to violet. Different colors in the spectrum are created by different wavelengths.
Is the practical guidance to color mixing and the visual effects of a specific color combination.
09/10/02(c) University of Wisconsin, CS559 Fall 2002 Last Time Digital Images –Spatial and Color resolution Color –The physics of color.
Computer Graphics: Achromatic and Coloured Light.
Chapter 6 Notes Color. What is color? An element of art that is derived from reflected light.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
Chapter 19 Light, Mirrors, and Lenses Section 1 Properties of Light Pages
LIGHT, COLOR, AND WAVE INTERACTION.
Half Toning Dithering RGB CMYK Models
COLOR THEORY Color is the eye’s response to the visual spectrum from red to violet. Different colors in the spectrum are created by different wavelengths.
Design Concepts: Module A: The Science of Color
(c) University of Wisconsin, CS559 Spring 2002
COLOR space Mohiuddin Ahmad.
Chapter 6: Color Image Processing
EQ: How does light interact with matter?
Digital Image Processing
Slides taken from Scott Schaefer
Color Systems and Color Wheels
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:

Chapter 9: Color What is color? Color mixtures –Intensity-distribution curves –Additive Mixing –Partitive Mixing Specifying colors –RGB Color –Chromaticity

What is Color? Wavelength is a property of an electromagnetic wave in the frequency range we call “light” Color is a psychological phenomenon that occurs when light waves of different wavelengths interact with the human visual system Light wave with wavelength 650 nm Human eye Human visual system and brain Color

Color Mixtures A spectral color is a single line on this graph: Green laser pointer 532 nm

Color Mixtures Almost everything we see is not a spectral color but a mixture of many spectral colors.

Intensity-Distribution Curves Both of these lights would appear white, so we can see there may be several intensity distributions that generate the same color

Additive Color Mixing How can we describe the sensation of a mixture of lights?

Additive Primary Colors Red, green and blue are called the additive primaries We want to select primary colors that allow us to create the largest possible number of other colors using just those primary colors Most colors can be described in terms of mixtures of red, green and blue cyan magenta yellow 650-nm red 530-nm green 460-nm blue

Additive Mixing: Yellow

Additive Mixing: Cyan

Additive Mixing: Magenta

RGB Color Specification RGB (red green blue) is another way of specifying colors. White is made by maximum saturation of all three colors Instead of hue, saturation and brightness, you can specify the amount of each color cyan magenta yellow 650-nm red 530-nm green 460-nm blue

RGB Colors: Example Hue: 35° Saturation: 100% Brightness: 100%

RGB Colors: Example Hue: 60° Saturation: 100% Brightness: 35%

RGB Colors: Example Hue: 60° Saturation: 0% Brightness: 40%

Complementary Colors We’ve seen that red light plus green light plus blue light equals white light: R + G + B = White But we also know that red light plus green light equals yellow light: R + G = Y If we do some dodgy “color math”, we get that yellow light plus blue light equals white light: Y + B = White

Complementary Colors We then define blue and yellow as complementary colors: When additively mixed, complementary colors produce white. Additive mixing NOT additive mixing

Concept Question What is the complementary color to green? A.Red B.Magenta C.Blue D.Yellow E.Cyan cyan magenta yellow 650-nm red 530-nm green 460-nm blue Recall: R + G + B = White We want: G + ?? = White

Chromaticity This is a chromaticity diagram (see color plate 9.2 in the book) We are not going to discuss where this comes from, please read that section of the book

Chromaticity A chromaticity diagram has a fixed brightness or lightness for all colors The most saturated colors (of different hues) are around the rim (perimeter) Inside are the less saturated colors, including white at the interior Saturated colors Unsaturated colors

Chromaticity The colors on the curved part of the edge are wavelength colors The colors on the straight part are non-wavelength colors, but are still 100% saturated. Wavelength colors Non-wavelength colors

Chromaticity: Lightness saturation lightness hue saturation hue

Uses of Chromaticity Diagrams To identify colors with three numbers To predict the results of additive mixing To understand complementary colors To find the dominant hue of a color To understand color gamuts and the significance of RGB mixing

Chromaticity: Identifying Colors The numbers that we use to identify a color are its x-value and y-value inside the diagram and a z-value to indicate its brightness or lightness x and y specify the chromaticity of a color Example: Apple pickers are told around the country that certain apples are best picked when they are a certain red (see black dot) x = 0.57 y = 0.28

Chromaticity: Identifying Colors The "purest" white is at x = 0.33 y = 0.33

Chromaticity: Color Mixtures An additive mixture of two wavelength colors lies along the line joining them Example: The colors seen by mixing 700 nm red and 500 nm green lie along the line shown Where along the line is the color of the mixture?

Chromaticity: Color Mixtures This depends on the relative intensities of the 700 nm red and the 500 nm green. Much more green than red gives a green Much more red than green gives an orange-red Slightly more red than green gives a yellow This also works for mixing colors not at the edges

Concept Question: Chromaticity What color would a mixture of these two colors (green and blue), equal amounts of each, look like? A.Yellow B.Red C.Pink D.Cyan E.Green

Chromaticity: Complementary Colors Recall that a color combined with its complement produces white If mixtures lie on the line between the two colors, then we can find the complement by drawing a line through white to the other side

Chromaticity: Complementary Colors Using this diagram, we can see that the complement of 700 nm red is 490 nm cyan And the complement of 520 nm green is magenta (a non-wavelength color)

Concept Question: Chromaticity What is the complementary color of blue, shown by the black dot? A.Yellow B.Red C.Pink D.Cyan E.Green

Chromaticity: Dominant Hues Unsaturated colors are related to their saturated counterparts by the additive mixture with white Ex: Pink (unsaturated) = red (saturated) + white

Chromaticity: Dominant Hues To find the dominant hue of the color indicated by the black dot Draw straight line from white through the point to get dominant wavelength, and hence, hue (547 nm green)

Chromaticity: Dominant Hues If hue is in the non- wavelength purples, find the complementary dominant wavelength by extending backwards through white (get 495 nm cyan) There is no dominant wavelength color for magentas and purples

Concept Question: Chromaticity What is the dominant hue of the color shown by the black dot? A.Yellow B.Red C.Pink D.Cyan E.Green

Chromaticity: Color Gamuts The gamut of colors which can be reproduced by an additive mixture of red, green and blue light is inside the triangle we now draw at right. 530-nm green 460-nm blue 650-nm red

Chromaticity: Color Gamuts Other gamuts are generally even smaller Say we picked red blue and yellow, the artists primaries: We would not be able to make cyans or greens

Concept Question: Color Gamuts If we selected our primaries as the three black dots shown, which colors would we NOT be able to make by combining them? In other words, which color is OUTSIDE the color gamut generated by these three primaries? A C D B E

Color Gamut of Flat Panel Displays The intensity distribution of the primary colors used in an LED backlit display The color gamuts of LED vs. CCFL backlit displays

Display Pixels: Partitive Mixing In additive mixing, we assume that the different wavelength colors reaching your eye are all coming from the same place:

Display Pixels: Partitive Mixing What it instead, we make the different colors coming from separate, very small, very closely spaced points You eye cannot see them as separate sources, so the colors mix and you see the same color. This is called partitive mixing

Partitive Mixing: Pointillism

Partitive Mixing: Pixels