Skip to content

Latest commit

 

History

History
590 lines (407 loc) · 14.7 KB

File metadata and controls

590 lines (407 loc) · 14.7 KB

Themes

Set your presentation theme:
Black (default) - White - League - Sky - Beige - Simple
Serif - Blood - Night - Moon - Solarized

H:

Colors

Jean Pierre Charalambos
Universidad Nacional de Colombia
Presentation best seen online
See also the source code

H:

Index

  1. Color Vision Intro
    1. Spectral colors and spectral sensitivity
    2. Human eye
    3. Effects
  2. Color Models Intro
    1. Additive coloring
    2. Subtracting coloring
  3. Color Models
    1. Additive coloring (RGB)
    2. Subtracting coloring (RYB, CMY(K))
    3. ~additive / ~subtractive (HSV & HSL, CIE 1931 XYZ)

H:

Color Vision Intro

  1. Spectral colors
  2. Human eye
  3. Spectral sensitivity
  4. Normal effects
  5. Anomalies
  6. Vision table

V:

Color vision: Spectral Colors

Visible spectral colors

Visible spectrum (in terms of wavelength)

N: Mirror -> in terms of frequency (observe infra-red and ultraviolet)

  • Violet -> ultraviolet -> X rays
  • Infrared -> microwaves -> FM radio & TV -> AM radio

V:

Color Vision: Spectral Colors

Visible light spectrum colors

V:

Color Vision: Human Eye

Camera Obscura

V:

Color Vision: Human Eye

Camera Obscura

V:

Color Vision: Human Eye

Human Eye

N:

  • Rod: scotopic vision
  • Cones: color vision

V:

Color Vision: Spectral Sensitivity

Normalized responsivity spectra of human cone (trichromatic) cells: S, M, L

N:

  • Spectral sensitivity: is the relative efficiency of detection (medium), of light or other signal, as a function of the frequency or wavelength of the signal.
  • Medium: Eye cones, (film) película fotografica

V:

Color Vision: Spectral sensitivity

Eye sensitivity

V:

Color Vision: Normal effects

Affterimages

Negative afterimage

N:

  • If the viewer stares at this image for 20–60 seconds and then looks at a white object, a negative afterimage will appear

V:

Color Vision: Normal effects

Motion after-effects

<iframe width="420" height="345" src="https://www.youtube.com/embed/GhyEIAfyXx8"></iframe>

V:

Color Vision: Anomalies

Tetrachromacy

The four pigments in the [Estrildid finch](http://en.wikipedia.org/wiki/Estrildid_finch) bird's cones

N:

  • extended color vision into the ultraviolet
  • present in some birds, fish, amphibians, reptiles and insects.
  • was also the normal condition of most mammals in the past; a genetic change made the majority of species of this class eventually lose two of their four cones.

V:

Color Vision: Anomalies

Tetrachromacy

Estrildid finch

V:

Color Vision: Anomalies

Women's tetrachromacy

[Women's tetrachromacy](http://www.post-gazette.com/news/health/2006/09/13/Some-women-may-see-100-million-colors-thanks-to-their-genes/stories/200609130255)

V:

Color Vision: Anomalies

Dichromacy and achromacy

Isihara test: trichromats -> "74", dichromats -> "21", achromats -> null

V:

Color Vision: Anomalies

Dichromacy and achromacy

Isihara test: 12 or null

V:

Color Vision: Vision table

State Cones Colors Porters
Monochromacy 1 100 marine mammals, achromat humans
Dichromacy 2 10,000 most terrestrial non-primate mammals
Trichromacy 3 1' most primates, some insects
Tetrachromacy 4 100' most rept., amph., birds & insects
Pentachromacy 5 10000' some insects and birds

H:

Color Models Intro

  • Definition
    • Math model describing the way colors can be represented as tuples
    • Each tuple number -> primary color
    • Primary colors -> sets of colors that can be combined to make a useful range of colors
    • Secondary color -> mixes two or more primary colors in a given color space
  • Types
    • Additive coloring
    • Subtracting coloring

V:

Color Models Intro: Additive coloring

  • Color -> Mixing of a limited set of colors lights
  • Process to create a wide color range:
    1. Start with darkness
    2. Add light sources of various wavelengths
  • Used in e.g., computer monitors and tvs
  • Examples: RGB

V:

Color Models Intro: Additive coloring

Additive mixing of primary colors by proximity

V:

Color Models Intro: Subtractive coloring

  • Color -> Mixing of a limited set of dyes, inks, paint pigments or natural colorants
  • Process to create a wide color range:
    1. Start with (white) light
    2. Subtract wavelengths from the light: Add colored inks, paints, or filters between the viewer and the light source or reflective surface
  • Used in e.g., color printers, analog photography
  • Examples: RYB, CMY, CMYK

V:

Color Models Intro: Subtractive coloring

Color photo, [Louis Ducos du Hauron](http://en.wikipedia.org/wiki/Louis_Arthur_Ducos_du_Hauron) (1877)

H:

Color Models

  1. Additive
    1. RGB
  2. Subtractive 2. RYB 3. CMY(K)
  3. Non-additive non-subtractive
    1. HSV & HSL
    2. CIE 1931 XYZ

V:

Color Models: RGB

RGB: primary and secondary colors

V:

Color Models: RGB

Common representations

Normalized:

$$[r,g,b]=[0..1,0..1,0..1]$$

Ranged:

$$[r,g,b]=[0..255,0..255,0..255]$$

V:

Color Models: RGB

The RGB (color model mapped to a) cube

V:

Color Models: RGB

RGB color-selector ui

V:

Color Models: RYB

RYB primary and secondary colors

V:

Color Models: RYB

RYB color wheel

N: Francisco de Miranda <-> Goethe meeting in Weimar 1785 :-> colombian flag

V:

Color Models: RYB

<iframe width="420" height="345" src="https://www.youtube.com/embed/2hvprCbk1HU"></iframe>
[Johann Wolfgang von Goethe](http://en.wikipedia.org/wiki/Johann_Wolfgang_von_Goethe). Theory of Colors (1810)

V:

Color Models: CMY(K)

CMY: primary and secondary colors

V:

Color Models: CMY(K)

CMY early representation

V:

Color Models: CMY(K)

The CMY (color model mapped to a) cube

V:

Color Models: CMY(K)

Conversion from/to RGB

From RGB:

$$[c,m,y]=[1,1,1]-[r,g,b]$$

To RGB: $$[r,g,b]=[1,1,1]-[c,m,y]$$

V:

Color Models: HSV and HSL

Motivation: Usability

RGB color selection

V:

Color Models: HSV and HSL

HSL (a–d) and HSV (e–h) models

V:

Color Models: HSV and HSL

HSV

V:

Color Models: HSV and HSL

HSL

V:

Color Models: HSV and HSL

HSV & HSL Geometric derivation

V:

Color Models: HSV and HSL

N: [bug next slide note appear here] Luma takes: gamma-corrected R, G, and B

V:

Color Models: HSV and HSL

HSV & HSL "lighthness"

V:

Color Models: HSV and HSL

HSV & HSL "saturation"

V:

Color Models: HSV and HSL

KColorChooser

V:

Color Models: HSV and HSL

Disadvantages

Perceptual lighthness response

V:

Color Models: HSV and HSL

Disadvantages

Shifted hue affects lightness

V:

Color Models: CIE 1931 XYZ

  • International Commission on Illumination (CIE)
  • CIE 1931 RGB + CIE 1931 XYZ
  • Physical pure colors (wavelength) <-> physiological perceived colors in human color vision

V:

Color Models: CIE 1931 XYZ

The CIE 1931 RGB Color matching functions

V:

Color Models: CIE 1931 XYZ

The CIE standard observer color matching functions

Z -> Blue stimulation, Y -> Luminance, X -> Mix of cone response curves chosen to be nonnegative

V:

Color Models: CIE 1931 XYZ

$$x = \frac{X}{X+Y+Z}$$ $$y = \frac{Y}{X+Y+Z}$$ $$z = \frac{Z}{X+Y+Z} = 1 - x - y$$

CIE xyY color space: x, y (chromaticity), and Y (tristimulus)

V:

Color Models: CIE 1931 XYZ

Observation: $X$ and $Z$ are $f(x,y,Y)$: $$X=\frac{Y}{y}x$$ $$Z=\frac{Y}{y}(1-x-y)$$

V:

Color Models: CIE 1931 XYZ

The CIE 1931 color space chromaticity diagram

V:

Color Models: CIE 1931 XYZ

CIE RGB gamut on top of the xy diagram

V:

Color Models: CIE 1931 XYZ

Helps to determine:

  • Complementary colors
  • Dominant wavelength (hue)

H:

References