COMPUTER GRAPHICS CS 482 – FALL 2016 CHAPTER 28 COLOR COLOR PERCEPTION CHROMATICITY COLOR MODELS COLOR INTERPOLATION.

Slides:



Advertisements
Similar presentations
CS 445 / 645 Introduction to Computer Graphics Lecture 13 Color Color.
Advertisements

Introduction to Computer Graphics ColorColor. Specifying Color Color perception usually involves three quantities: Hue: Distinguishes between colors like.
Fundamentals of Digital Imaging
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?.
1 CSCE441: Computer Graphics: Color Models Jinxiang Chai.
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.
CMYK Cyan Cyan Magenta Magenta Yellow Yellow Black Black.
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.
Understanding Colour Colour Models Dr Jimmy Lam Tutorial from Adobe Photoshop CS.
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.
2001 by Jim X. Chen: 1 The purpose of a color model is to allow convenient specification of colors within some color gamut.
Photo-realistic Rendering and Global Illumination in Computer Graphics Spring 2012 Color Representation K. H. Ko Department of Mechatronics Gwangju Institute.
Color Theory What is color? How do we describe and match colors? Color spaces.
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?
I-1 Steps of Image Generation –Create a model of the objects –Create a model for the illumination of the objects –Create an image (render) the result I.
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.
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.
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.
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.
Greg Humphreys CS445: Intro Graphics University of Virginia, Fall 2003 Raster Graphics and Color Greg Humphreys University of Virginia CS 445, Fall 2003.
CS-321 Dr. Mark L. Hornick 1 Color Perception. CS-321 Dr. Mark L. Hornick 2 Color Perception.
Chapter 12 Color Models and Color Applications
Image credit: Wikipedia (Fovea) Human Eye Some interesting facts – Rod cells: requires only low light b/w vision blur, all over retina EXCEPT fovea – Cone.
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.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
Digital Image Processing Lecture 12: Color Image Processing Naveed Ejaz.
Color Models Light property Color models.
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Half Toning Dithering RGB CMYK Models
IMAGE PROCESSING COLOR IMAGE PROCESSING
Color Image Processing
Color Image Processing
Human Eye Some interesting facts Useful fact Rod cells: Cone cells:
CS-565 Computer Vision Nazar Khan Lecture 3.
(c) University of Wisconsin, CS559 Spring 2002
COLOR space Mohiuddin Ahmad.
Color 2017, Fall.
Chapter 6: Color Image Processing
Color Image Processing
Color 2015, Fall.
COMS 161 Introduction to Computing
Color Representation Although we can differentiate a hundred different grey-levels, we can easily differentiate thousands of colors.
Human Eye Some interesting facts Useful fact Rod cells: Cone cells:
Color Image Processing
Digital Image Processing
Slides taken from Scott Schaefer
Color Image Processing
Color Model By : Mustafa Salam.
Color Models l Ultraviolet Infrared 10 Microwave 10
Color! Main Goals: Understand this thing: “Chromaticity diagram”
Presentation transcript:

COMPUTER GRAPHICS CS 482 – FALL 2016 CHAPTER 28 COLOR COLOR PERCEPTION CHROMATICITY COLOR MODELS COLOR INTERPOLATION

COLOR PERCEPTION CS 482 – FALL 2016 COLOR SENSITIVITY CHAPTER 28: COLORPAGE 211 THE VISIBLE SPECTRUM OF LIGHT, ILLUSTRATED AT RIGHT, RANGES FROM ABOUT 400 TO 700 NANOMETERS IN THE ELECTROMAGNETIC ENERGY SPECTRUM. EMPIRICAL STUDIES HAVE INDICATED THAT THE CONES IN THE EYE HAVE DIFFERENT LEVELS OF SENSITIVITY TO DIFFERENT COLORS, INDICATING THE EYE’S RESPONSE TO PURE BLUE LIGHT IS MUCH LESS STRONG THAN ITS RESPONSE TO PURE RED OR GREEN LIGHT. THE RGB PHOSPHORS USED IN CATHODE RAY TUBES DO NOT EXACTLY PRODUCE “PURE” SHADES OF RED, GREEN, AND BLUE, AS INDICATED IN THE FIGURE ABOVE, SHOWING THE EYE’S RESPONSE TO THE EXCITED PIXEL COLORS.

COLOR PERCEPTION CS 482 – FALL 2016 VISIBLE SPECTRUM CHAPTER 28: COLORPAGE 212 USING AN XYZ COORDINATE SYSTEM (WHERE THE AXES ARE “SHADES” OF RED, GREEN, AND BLUE, RESPECTIVELY, JUST OUTSIDE THE VISIBLE SPECTRUM), THE COMMISSION INTERNATIONALE DE L’ECLAIRAGE (CIE – INTERNATIONAL COMMISSION ON ILLUMINATION) ESTABLISHED A COLOR STANDARD THAT ENCLOSES THE ENTIRE VISIBLE SPECTRUM.

CHROMATICITY CS 482 – FALL 2016 CIE CROMATICITY DIAGRAM CHAPTER 28: COLORPAGE 213 BECAUSE OF THE DIFFERING SENSITIVITIES OF THE EYE’S CONES, VISIBLE COLOR SPACE IS ACTUALLY QUITE ELABORATE. FULLY SATURATED COLORS LIE AROUND THE DIAGRAM’S BORDER, WHILE UNSATURATED COLORS ARE IN THE CENTER. AN INTERNATIONAL STANDARDS ORGANIZATION, THE CIE, DEVELOPED THREE COLOR-MATCHING FUNCTIONS THAT COULD BE COMBINED TO APPROXIMATE THE ENTIRE RANGE OF VISIBLE COLORS. WHEN THIS SPACE IS SLICED BY THE X+Y+Z=1 PLANE, THE RESULT IS THE CIE CHROMATICITY DIAGRAM, PICTURED AT RIGHT.

CHROMATICITY CS 482 – FALL 2016 COLOR GAMUTS CHAPTER 28: COLORPAGE 214 TRIANGULAR REGIONS OF THE CIE CHROMATICITY DIAGRAM, KNOWN AS GAMUTS, ARE USED TO DEFINE THE RANGE OF PRODUCIBLE COLORS FOR A DEVICE. ALL COLORS WITHIN THE GAMUT MAY BE PRODUCED AS LINEAR COMBINATIONS OF THE VERTEX COLORS. THE US TELEVISION STANDARD, NTSC, USES RED: (0.6700, ), GREEN: (0.2100, ), AND BLUE: (0.1400, ). HDTV USES RED: (0.6400, ), GREEN: (0.3000, ), AND BLUE: ((0.1500, ). COLOR CRTS USE RED: (0.6280, ), GREEN: (0.2680, ), AND BLUE: (0.1500, ), AS ILLUSTRATED ABOVE.

CHROMATICITY CS 482 – FALL 2016 COLOR BLINDNESS CHAPTER 28: COLORPAGE 215 DEUTERANOPES PERCEIVE BLUES & MAGENTAS AS VIOLETS. PERCEIVE GREENS & ORANGES AS YELLOWS. PERCEIVE CYANS & REDS AS WHITE. TRITANOPES PERCEIVE ORANGES & MAGENTAS AS REDS. PERCEIVE GREENS & BLUES AS CYANS. PERCEIVE YELLOWS & VIOLETS AS WHITE.

COLOR MODELS CS 482 – FALL 2016 ADDITIVE SYSTEMS CHAPTER 28: COLORPAGE 216 IN DIGITAL DISPLAY SYSTEMS, EACH PIXEL IN AN IMAGE IS REPRESENTED AS AN ADDITIVE COMBINATION OF THE THREE PRIMARY COLOR COMPONENTS: RED, GREEN, AND BLUE.

COLOR MODELS CS 482 – FALL 2016 SUBTRACTIVE SYSTEMS CHAPTER 28: COLORPAGE 217 PRINTERS USE A SUBTRACTIVE COLOR SYSTEM, IN WHICH THE COMPLEMENTARY COLORS OF RED, GREEN, AND BLUE (CYAN, MAGENTA, AND YELLOW) ARE APPLIED IN INKS AND TONERS IN ORDER TO SUBTRACT COLORS FROM A VIEWER’S PERCEPTION. CYAN (GREEN+BLUE, THE RED SUBTRACTOR) + MAGENTA (RED+BLUE, THE GREEN SUBTRACTOR) BLUE MAGENTA (RED+BLUE, THE GREEN SUBTRACTOR) + YELLOW (RED+GREEN, THE BLUE SUBTRACTOR) RED YELLOW (RED+GREEN, THE BLUE SUBTRACTOR) + CYAN (GREEN+BLUE, THE RED SUBTRACTOR) GREEN

COLOR MODELS CS 482 – FALL 2016 RGB CUBE CHAPTER 28: COLORPAGE 218 A MUCH SIMPLER COLOR MODEL IS THE RGB CUBE, WHICH MERELY SETS A PARTICULAR SHADE OF RED, GREEN, AND BLUE ALONG THE THREE COORDINATE AXES, AND LINEARLY COMBINES COLORS TO OBTAIN THE COLORS INSIDE THE CUBE. THE HARDWARE STANDARD FOR COLOR PRODUCTION IS STILL A VARIATION OF CIE CHROMATICITY; SOFTWARE AND COLOR PRINTER STANDARDS TEND TO USE A VARIATION OF THE RGB CUBE. WHILE THIS APPROACH IS CONCEPTUALLY SIMPLE, IT IS QUITE INACCURATE, SINCE COLOR PERCEPTION IS NOT, IN FACT, DEFINABLE AS A LINEAR PROCESS.

COLOR MODELS CS 482 – FALL 2016 HSV HEXCONE CHAPTER 28: COLORPAGE 219 THIS COLOR MODEL TAKES A DIFFERENT APPROACH, USING HUE (I.E., PURE COLOR, REPRESENTED BY THE ANGLE AROUND THE CENTRAL AXIS TO THE CONE), SATURATION (I.E., LEVEL OF PURITY, REPRESENTED BY THE RADIAL DISTANCE FROM THE AXIS), AND VALUE (I.E., BRIGHTNESS, REPRESENTED BY THE DISTANCE UP THE CENTRAL AXIS). THIS MODEL HAS THE INTUITIVE APPEAL OF THE ARTIST’S TINT, SHADE, AND TONE MODEL: PURE RED = H =0, S =1, V = 1; PURE PIGMENTS ARE (I,1,1). TINTS: ADDING WHITE PIGMENT IS EQUIVALENT TO DECREASING S AT CONSTANT V SHADES: ADDING BLACK PIGMENT IS EQUIVALENT TO DECREASING V AT CONSTANT S TONES: “GRAYING” BY DECREASING S AND V A VARIATION ON THIS APPROACH IS THE HSL (HUE-SATURATION- LIGHTNESS) TECHNIQUE, WHICH USES A DOUBLE-HEXCONE APPROACH INSTEAD OF A SINGLE HEXCONE.

COLOR MODELS CS 482 – FALL 2016 POLAR COORDINATES CHAPTER 28: COLORPAGE 220 RGB CUBE HSV HEXCONE HSL DOUBLE HEXCONE Tilt cube and add seams Force RGBCMY into a plane Expand horizontal slices Round off hexagonal exterior Example vertical cross- sections

COLOR INTERPOLATION CS 482 – FALL 2016 RGB VS. HSV (CLOCKWISE) VS. HSV (COUNTER-CLOCKWISE) CHAPTER 28: COLORPAGE 221 LINEAR INTERPOLATION BETWEEN RGB VALUES IS LAZY, SOMETIMES PRODUCING UNSATISFACTORY RESULTS. WHY PASS THROUGH GRAY WHEN MOVING FROM CYAN TO RED? THE MORE “ARTIST-FRIENDLY” APPROACH OF USING HUE INTERPOLATION CAN ALSO PRODUCE DISAPPOINTING RESULTS. WHY PASS THROUGH GREEN AND YELLOW WHEN MOVING FROM CYAN TO RED? HUE INTERPOLATION IN THE OPPOSITE DIRECTION WILL SOMETIMES BE MORE PLEASING TO VIEWERS, EVEN THOUGH THE ACTUAL DISTANCE TRAVELED IS THE SAME. PASSING THROUGH BLUE AND MAGENTA WHEN MOVING FROM CYAN TO RED SEEMS MORE “NATURAL”.