Color
Contenido
• Luz y color
• El espectro visible
• Colores primarios y secundarios
• Espacios de color
– RGB, CMY, YIQ, HLS, CIE
– CIE XYZ, CIE xyY y propiedades del
diagrama CIE
¿Qué vemos?
• Luz: parte visible de la radiación electromagnética
• El tipo de ondas electromagnéticas que son
visibles por el ojo humano.
• Radiación electromagnética que tiene una longitud
de onda en el rango de alrededor de los 4,000
(violeta) a alrededor de los 7,700 (rojo) ángstrom
(Å: 1×10−10 m) y puede ser percibida por el ojo
humano normal.
http://www.answers.com/color
Radiación electromagnética
• La luz es la parte visible de la radiación
electromagnética
• La radiación electromagnética es una forma
de energía radiada en forma de onda
• La frecuencia determina la energía: E = h
y el tono: = c
Espectro electromagnético
y espectro visible
¿Qué es el color?
• Es una sensación
– interpretación por el cerebro de la recepción de
frecuencias electromagnéticas en la retina
• Tres componentes: RGB
• Conos
– Rojos (baja frecuencia)
– Verdes (media frecuencia)
– Azules (alta frecuencia)
http://www.stlukeseye.com/images/illustrations/anatomy_globe.jpg
http://www.uic.edu/com/eye/department/support/images/AdrienneVersion.jpg
Percepción y física
• Percepción Colorimetría
Tono (Hue) Longitud de onda
Saturación Pureza de la longitud dominante
Brillo (lightness) Luminosidad
Distribución espectral de una
lámpara de proyector
http://www.videoessentials.com/res_facts.php
• El ojo humano distingue colores cada 4nm
(128 tonos diferentes) y diferencias de
saturación entre 23 (extremos del espectro) y
16 en el centro
Mixing colors
Colores primarios y secundarios
Aditivo
Substractivo
Espacios de color
• Sistemas para definir y etiquetar colores
• Orientados a los dispositivos
– RGB
– CMY
– YIQ
• Orientados al usuario
– HSV
– CIE
RGB
• Modelo aditivo
– peso de los tres
componentes
(0, 0, 1) Azul (0, 1, 1) Cian
(1, 0, 1) (1, 1, 1)
Magenta Blanco
(0, 0, 0)
Negro (0, 1, 0) Verde
(1, 1, 0) Amarillo
(1, 0, 0) Rojo
RGB
• Empleado por el hardware
– color verdadero: 2563 = 16.777.216
• Estándar en computación
– bgcolor="#FFFFFF”
• Variaciones no lineales
• No es intuitivo
CMY
• Modelo sustractivo
(0, 0, 1) Amarillo (0, 1, 1) Rojo
(1, 0, 1) (1, 1, 1)
Verde Negro
(0, 0, 0)
Blanco (0, 1, 0) Magenta
(1, 1, 0) Azul
(1, 0, 0) Cian
CMY
• Complementario de RGB
[CMY] = [1,1,1] - [RGB]
• Empleado en impresión
• Utilización de CMYK
– se añade el negro (black)
HSV 120 Verde
V
60 Amarillo
180 0 Rojo
Cian H
• Proyección del 1.0 Blanco S
diagrama RGB según la 240 Azul 300 Magenta
diagonal mayor
• Coordenadas polares
– Hue (tono) 0.0 Negro
– Saturation
– Value o brightness
• Transformación a RGB
(no lineal)
L
HLS 1.0 Blanco
• Dos conos unidos, 180
120 Verde 60 Amarillo
0 Rojo
Cian H
con el blanco en el S
300 Magenta
vértice superior 240 Azul
• Variación de HSV 0.0 Negro
– L: lightness
YIQ
• Transformación lineal del RGB
• Empleado por la NTSC (National
Television Standars Committee)
• Y es la luminosidad (empleada en B/N)
Y 0.299 0.587 0.144 R
I 0.596 0.275 0.321 G
Q 0.212 0.523 0.311 B
Diagrama CIE
http://www.lumitroncorp.com/rsrcs/CIE.gif
CIE
• 1931: medición del color por la CIE
(Commission International de L'Eclairage)
• Basado en la teoría tristimulus
• Representa cualquier color percibido por el
ser humano
Creación del diagrama CIE
• Experimentalmente
– Rojo (700 nm)
– Verde (546,1 nm)
– Azul (435,8 nm)
• Produce valores negativos
– No pueden representarse http://www.imel1.kuis.kyoto-u.ac.jp/education/dip-arch/pre/images/graph10.gif
– Se logra el color al sumarle
el valor negativo
Primarios estándar de CIE
• Son colores imaginarios
• Están definidos de forma
tabular por CIE
• Definen un estándar para
todos los colores
http://www.imel1.kuis.kyoto-u.ac.jp/education/dip-arch/pre/images/xyz.gif
CIE XYZ
Y
• Un color se define por los
componentes de X, Y y Z.
• La proyección en el eje XY
produce el diagrama de X
cromaticidad de la CIE
Z
CIE xyY
• Normalizando los valores
al ser:
x+y+z=1
• Y es la luminosidad
– la función y() se eligió
de esta forma
http://hypertextbook.com/physics/waves/color/chromaticity.jpg
Propiedades del diagrama CIE
• Gamuts de distintos dispositivos
• El perímetro son los colores del
espectro
• La línea púrpura no pertenece al
espectro
• La componente espectral de un
color se halla uniéndolo con el
centro http://www.tu-harburg.de/rzt/tuinfo/periph/drucker/Color_Reproduktion/cie_spectrum.gif
Espacios de color
http://www.gg.caltech.edu/~dhl/images.html