Colour CPSC 533C February 3, 2003 Rod McFarland. Ware, Chapter 4 The science of colour vision Colour measurement systems and standards Opponent process.

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

Digital Image Processing
ECE 472/572 - Digital Image Processing Lecture 10 - Color Image Processing 10/25/11.
Color Harmony and the Opponent-Process Channel Theory Christina Lewis Psych 159.
Color.
Color Image Processing
Color Vision Our visual system interprets differences in the wavelength of light as color Rods are color blind, but with the cones we can see different.
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.
DANGER!DANGER!  Inappropriate use of colour can be disasterous to the application.
Human Visual Systems and Perception C. Edward Chow.
CS 4731: Computer Graphics Lecture 24: Color Science
SWE 423: Multimedia Systems Chapter 4: Graphics and Images (2)
Apparent Greyscale: A Simple and Fast Conversion to Perceptually Accurate Images and Video Kaleigh SmithPierre-Edouard Landes Joelle Thollot Karol Myszkowski.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Sept 19, 2005.
What is color for?.
Trichromacy Helmholtz thought three separate images went forward, R, G, B. Wrong because retinal processing combines them in opponent channels. Hering.
COLOR and the human response to light
Lecture 6: Color in Design Neil H. Schwartz, Ph.D. Senior Seminar in Visualization.
Why use colour? Colour displays are attractive to users and can often improve task performance Benefits: –various colours are soothing or striking to the.
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.
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.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
2001 by Jim X. Chen: 1 The purpose of a color model is to allow convenient specification of colors within some color gamut.
Color Theory. Color: Enhances a message Enlivens a presentation Gives an object visual weight and emphasis Adds richness and depth to screen design.
Any questions about the current assignment? (I’ll do my best to help!)
1 Color vision and representation S M L.
Colour an algorithmic approach Thomas Bangert PhD Research Topic.
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.
Perception, Cognition and the Visual Seeing, thinking, knowing (link to optical video) (link to optical video) (link to optical video)
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.
Colormaps 101 Sources – Russell Taylor Comp 290 course notes Colin Ware – Perception for Design IBM Web Site An Excellent Paper: A Rule-based Tool for.
Digital Image Processing Part 1 Introduction. The eye.
CSC361/ Digital Media Burg/Wong
COLORCOLOR Angel 1.4 and 2.4 J. Lindblad
How do we see color? There is only one type of rod. It can only tell the intensity of the light, not its color. Because the cones can differentiate colors,
Graphics Lecture 4: Slide 1 Interactive Computer Graphics Lecture 4: Colour.
Color Vsion Sang Wook Hong.
1 CSCE441: Computer Graphics: Color Models Jinxiang Chai.
Introduction to Computer Graphics
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.
Principles of Interface Design. Perception ► Perceptions vary between the developer and the user. ► The user may not be aware of the fine details in a.
Chapter 9: Perceiving Color. Figure 9-1 p200 Figure 9-2 p201.
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.
Color Huamin Qu Hong Kong University of Science and Technology.
Color Models Light property Color models.
Our Color vision is Limited
Using Color in Your Diagrams and Presentations
Color Image Processing
Color Image Processing
COLOR space Mohiuddin Ahmad.
Color 2017, Fall.
Color Image Processing
Color 2015, Fall.
Visualization Friday Forum
ECE 638: Principles of Digital Color Imaging Systems
Computer Vision Lecture 4: Color
Geog 462: Digital Cartography: Graphic Variables
Color Image Processing
Slides taken from Scott Schaefer
Color Image Processing
Color Model By : Mustafa Salam.
Color Models l Ultraviolet Infrared 10 Microwave 10
Presentation transcript:

Colour CPSC 533C February 3, 2003 Rod McFarland

Ware, Chapter 4 The science of colour vision Colour measurement systems and standards Opponent process theory Applications

The science of colour vision Receptors and trichromacy theory Red  Blue  Green 

Colour measurement systems and standards Any colour can be matched using a combination of three “primaries”. The primaries are not necessarily red, green, and blue. Any three different colours can be used. The range of colours that can be produced from a given set of primaries is the gamut.

Colour standards CIE (Commission Internationale d’Éclairage) –Primaries chosen for mathematical properties: do not actually correspond to colours. These “virtual” colours X, Y, and Z are called tristimulus values. –Y is the same as luminance

CIE – Chromaticity Chromaticity is derived from tristimulus values: Since x+y+z=1, just use x, y values and luminance (Y). Chromaticity diagram:

Uniform Colour Space - CIEluv Uniform colour space: a representation where equal distances in space correspond to equal distances in perception Useful for: –Specification of colour tolerances –Color coding (maximum distinction) –Pseudocolour sequences to represent ordered data values CIE XYZ color space is not uniform CIEluv is a transformation of the chromaticity diagram

CIEluv does not solve all problems: –Contrast effects –Small colour patches: difficult to distinguish colours in the yellow-blue direction

Opponent process theory Black-white (luminance), red- green, and blue-yellow opponents Has basis in biology and culture Should use opponent colours for coding data

Properties of Colour Channels Isoluminant / Equiluminous patterns: a colour pattern whose components do not differ in luminance Red-green and yellow-blue channels carry only about 1/3 of the detail carried by black-white.

Yellow Text on a Blue Background Is fairly easy to read unless the text is isoluminant with the background colour. As the luminance of the background becomes the same as the luminance of the text, it is very difficult to make out what the text says. So much so, that at this point I can write just about anything I want here and hardly anyone would want to put in the effort to see what it was I had written.

Other isoluminance effects Stereoscopic depth is not detectable with isoluminant colours Isoluminance in animation makes it appear to be slower than the same animation in black-and-white Shape and form are best shown using luminance:

Colour appearance Contrast Saturation Brown lowhigh

Applications Colour selection interfaces Colour naming –Natural Colour System (NCS) e.g G80Y20 Blackness 00, intensity 30, green 80, yellow 20 –Pantone, Munsell: standard colour chips

Applications Colour for labelling (nominal information encoding) –Distinctness A rapidly distinguished colour lies outside the convex polygon defined by the other colours in CIE space

Applications Colour for labelling (2) –Unique hues: “universally recognized” hues (red, green, blue, yellow, black, white) should be used –Contrast with background: border around objects

Applications Colour for labelling (3) –Colour blindness: majority of colour-blind people cannot distinguish red-green, but most people can distinguish blue-yellow –Number: only 5-10 codes easily distinguished

Applications Colour for labelling (4) –Size Colour-coded objects should not be very small (about ½ degree minimum size). Smaller objects should be more highly saturated, large colour-coded regions should have low saturation. Text highlighting should be high- luminance, low-saturation. –Conventions Common usage of colours, e.g. red=stop, green=ready, blue=cold…

Applications Colour for labelling (5) –Ware’s 12 recommended colours (in order of preference):

Applications Pseudocolour sequences for mapping –Pseudocolouring is the practice of assigning colour to map values that do not represent colour Medical imaging Astronomical images Mapping nonvisible spectrum information to the visible spectrum (astronomy, infrared images) –Gray scale best for showing surface shape –Colour best for classification

Applications Colour for mapping (2) –For orderable sequences, black-white, red-green, blue-yellow, or saturation (dull-vivid) sequence can be used. –For detailed data, the sequence should be based mainly on luminance. For low letail, chromatic or saturation sequences can be used. –Uniform colour spaces can be used to create colour sequences where equal perceptual steps correspond to equal metric steps. –Where it is important to be able to read off values from a colour map, a sequence that cycles through many colours is preferable.

Applications Colour for mapping (3) –A “spiral” through colour space (cycling through several colours while continuously increasing in luminance) is often a good choice. Hue 0, 50,…250, 45, 95… Luminance 0, 25, 50… 225

Applications Colour for mapping (4) –Perception: even if the sequence is smooth, people tend to see discrete colours, potentially miscategorizing data. My personal division into blue, green, yellow, orange, red, purple: very nonlinear

Applications Colour for mapping (5) –Using colour for 3-D information mapping Difficult to read accurately May be used to identify regions Satellite images: regions of invisible spectrum mapped to red, green, blue channels

Applications Colour for multidimensional discrete data –5-D plot using (x, y) position, red, green, blue –Possible to identify clusters –Ambiguous: is a point low-red or high-green? –Other methods needed to analyze clusters once identified

Rogowitz et al. How Not to Lie with Visualization Visual representation of data affects the perceived structure of the data.

Enhancing data interpretation using Colour Perceptual impact of a colour is not predictable from the red/green/blue components of the colour Mapping different aspects of colour to different data is not intuitively decodable by users. Default colour maps: rainbow –Perceptual nonlinearity –False contours –Yellow attracts attention

Guiding colour map selection Constrain the set of colour maps available to the user based on: –Data type –Data spatial frequency –Visualization task –Other design choices made by user

Representing Structure Nominal data –Object should be distinguishably different but not perceptually ordered Ordinal data –Distinguishable with perceptual ordering Interval data –Equal steps in data correspond to equal steps in perceived magnitude Ratio data –Zero point distinguishable in colour sequence

Structure Magnitude of a variable at every spatial position –Use luminance (gray scale) or saturation

Spatial Frequency high spatial frequency low luminance-based saturation-based

Segmentation Low frequency – more segmentation steps can be used

Highlighting Luminance-based map can be highlighted using hue variations. The highlighted regions have the same luminance value as the rest of the map.

PRAVDA Perceptual Rule-Based Architecture for Visualizing Data Accurately Part of IBM’s Visualization Data Explorer ( Provides choices for colour maps based on spatial frequency, data type, and user- selected goal: isomorphic (structure- preserving), segmentation, highlighting

PRAVDA