Download - Color
![Page 1: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/1.jpg)
Color
![Page 2: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/2.jpg)
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
![Page 3: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/3.jpg)
¿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
![Page 4: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/4.jpg)
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
![Page 5: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/5.jpg)
Espectro electromagnéticoy espectro visible
![Page 6: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/6.jpg)
¿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
![Page 7: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/7.jpg)
http://www.uic.edu/com/eye/department/support/images/AdrienneVersion.jpg
![Page 8: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/8.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
• 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
http://www.videoessentials.com/res_facts.php
Distribución espectral de una lámpara de proyector
![Page 9: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/9.jpg)
Mixing colors
![Page 10: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/10.jpg)
Colores primarios y secundarios
Aditivo
Substractivo
![Page 11: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/11.jpg)
Espacios de color
• Sistemas para definir y etiquetar colores• Orientados a los dispositivos
– RGB– CMY– YIQ
• Orientados al usuario– HSV– CIE
![Page 12: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/12.jpg)
(1, 1, 0) Amarillo
(0, 1, 0) Verde
(1, 0, 0) Rojo
(1, 0, 1)Magenta
(0, 0, 1) Azul (0, 1, 1) Cian
(1, 1, 1)Blanco
(0, 0, 0)Negro
RGB
• Modelo aditivo– peso de los tres
componentes
![Page 13: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/13.jpg)
RGB
• Empleado por el hardware– color verdadero: 2563 = 16.777.216
• Estándar en computación– bgcolor="#FFFFFF”
• Variaciones no lineales• No es intuitivo
![Page 14: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/14.jpg)
(1, 1, 0) Azul
(0, 1, 0) Magenta
(1, 0, 0) Cian
(0, 0, 1) Amarillo (0, 1, 1) Rojo
(1, 1, 1)Negro
(0, 0, 0)Blanco
(1, 0, 1)Verde
CMY
• Modelo sustractivo
![Page 15: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/15.jpg)
CMY
• Complementario de RGB[CMY] = [1,1,1] - [RGB]
• Empleado en impresión• Utilización de CMYK
– se añade el negro (black)
![Page 16: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/16.jpg)
HSV
• Proyección del diagrama RGB según la diagonal mayor
• Coordenadas polares– Hue (tono)– Saturation– Value o brightness
• Transformación a RGB (no lineal)
0 Rojo
S
H
V60 Amarillo120 Verde
180Cian
240 Azul 300 Magenta
0.0 Negro
1.0 Blanco
![Page 17: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/17.jpg)
HLS
• Dos conos unidos, con el blanco en el vértice superior
• Variación de HSV– L: lightness
SH
L
60 Amarillo120 Verde180Cian
240 Azul 300 Magenta
0.0 Negro
1.0 Blanco
0 Rojo
![Page 18: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/18.jpg)
YIQ
• Transformación lineal del RGB• Empleado por la NTSC (National
Television Standars Committee)• Y es la luminosidad (empleada en B/N)
B
G
R
Q
I
Y
311.0523.0212.0
321.0275.0596.0
144.0587.0299.0
![Page 19: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/19.jpg)
Diagrama CIE
http://www.lumitroncorp.com/rsrcs/CIE.gif
![Page 20: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/20.jpg)
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
![Page 21: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/21.jpg)
Creación del diagrama CIE
• Experimentalmente– Rojo (700 nm)– Verde (546,1 nm)– Azul (435,8 nm)
• Produce valores negativos– No pueden representarse– Se logra el color al sumarle
el valor negativo
http://www.imel1.kuis.kyoto-u.ac.jp/education/dip-arch/pre/images/graph10.gif
![Page 22: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/22.jpg)
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
![Page 23: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/23.jpg)
CIE XYZ
• Un color se define por los componentes de X, Y y Z.
• La proyección en el eje XY produce el diagrama de cromaticidad de la CIE
X
Y
Z
![Page 24: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/24.jpg)
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
![Page 25: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/25.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
![Page 26: Color](https://reader036.vdocuments.co/reader036/viewer/2022070318/557b36e3d8b42a16488b4bc2/html5/thumbnails/26.jpg)
Espacios de color
http://www.gg.caltech.edu/~dhl/images.html