Gráficos por computadora

Modelos de Color

1
Propiedades de la luz
Modelos de Color

Primarios estándar y el diagrama de cromaticidad

El modelo de color RGB
El modelo de color YIQ y relacionado

El modelo de color HSV

El modelo de color HSL

Los modelos de color CMY y CMYK
Aplicaciones de Modelos de Color

Difuminado VS Medio tono 2

Propiedades de la Luz

FIGURA-1

Cada valor de frecuencia dentro de la región visible del espectro electromagnético

corresponde a un color espectral distinto. 3
Propiedades de la luz
•Cuando la luz blanca incide en un objeto opaco, algunos
las frecuencias se reflejan y algunas se absorben.
•La combinación de frecuencias presentes en el reflejado en el
la luz reflejada determina el color del objeto que
ver.(Frecuencia dominante o Tono)

4
Propiedades de la Luz

Período (T)

5
Características del color

1. Dominant Frequency (Hue)

El color que vemos (rojo, verde,
púrpura).

2. Brillo
La energía total de la luz, cuán brillante es el color (Cuán brillante
¿ están las luces iluminando el objeto?)

3. Pureza (Saturación)
La pureza describe qué tan cerca parece estar una luz de ser pura
el color espectral, como el rosa, es menos saturado que el rojo.

La cromaticidad se refiere a las dos propiedades (pureza y matiz)

juntos. 6
Modelo de Color

•Un modelo de color es un modelo matemático abstracto

describiendo la forma en que los colores pueden ser representados como tuplas de
números, típicamente como tres o cuatro valores o color
componentes.[Wikipedia]

•Cualquier método para explicar las propiedades o el comportamiento de

el color dentro de un contexto particular se llama aColor
Modelo.[Hearn, Baker, gráficos por computadora con OpenGL]

7
Modelo de color
Colores Primarios
Conjuntos de colores que se pueden combinar para hacer una gama útil de
colores

Gama de Color
Conjunto de todos los colores que podemos producir a partir de los colores primarios.

Complementary Colors
Pares de colores que, cuando se combinan en las proporciones adecuadas,
produce blanco.

Ejemplo, en el modelo RGB: rojo y cian, verde y magenta, azul

& amarillo.

No se puede combinar un conjunto finito de colores primarios reales para producir todos los visibles posibles.
colores.

Sin embargo, dado un conjunto de tres colores primarios, podemos caracterizar cualquier cuarto color.
usando procesos de mezclado de colores.
8
Modelo de color
Sombras, matices y tonos
Una sombra se produce al "atenuar" un matiz. [Añadiendo negro].
Azul oscuro = azul puro + negro

Un tono se produce al 'aclarar' un matiz. [Añadiendo blanco].

Rojo pastel = rojo puro + blanco

El tono se refiere a los efectos de reducir la "coloridez" de un matiz.

[añadiendo gris] o [añadiendo blanco y negro].

Así, la sombra toma un matiz hacia el negro, el tinte toma un matiz

hacia el blanco, y los tonos cubren el rango entre. 9
Modelo de color

Color aditivo
Usa la luz para mostrar color. La mezcla comienza con negro y termina con blanco; a medida que más
se añade color, el resultado es más claro y tiende al blanco. Usado para pantallas de computadora

Los colores RGB son primarios de luz y los colores se crean con luz.

Un color sustractivo
Utiliza tinta para mostrar color. Mezclar significa que uno comienza con blanco y termina con
negro; a medida que se añade color, el resultado se oscurece y tiende a negro. Usado para impresión
material

Se llama 'sustractivo' porque su longitud de onda es menor que la suma de las longitudes de onda.
de sus colores constitutivos.
10
El sistema de color CMYK es el sistema de color utilizado para la impresión.
Primarias estándar y el diagrama de cromaticidad

Este es un estándar internacional para colores primarios

establecido en 1931.

•Permite que todos los demás colores se definan como la suma ponderada de los
tres colores "primarios".

No hay tres colores reales que se puedan combinar para dar

todas las posibles colores. Por lo tanto, los tres primarios estándar son
números imaginarios seleccionados

•Se definen matemáticamente con coincidencia de color positiva

funciones que especifican la cantidad de cada primaria necesaria para
describe cualquier color espectral.

11
Standard Primaries & the chromaticity diagram

Funciones de coincidencia de color

Un color en el
vecindad de
500nm puede ser
solo coincidente
pero restando
una cantidad de
luz roja de un
combinación de
azul y verde
luces.

12
Primarios estándar y el diagrama de cromaticidad

13
Standard Primaries & the chromaticity diagram

ParadefiniruncolorenelmodeloCIE,proporcionapesospara
los primarios X, Y y Z, justo como lo harías para un
Pantalla RGB (por ejemplo, color = xX + yY + zZ).

X, Y y Z forman un volumen de color tridimensional.

Podemos ignorar la dimensión de luminancia al

normalizando con la intensidad total de luz, x+y+z = 1.

14
Diagrama de cromaticidad CIE.
Standard Primaries & the chromaticity diagram

Color Gamut
Longitud de onda dominante
Color complementario
&
Pureza

Modelo RGB 15
Modelo RGB
•El espacio de color rojo, verde y azul (RGB) es
ampliamente utilizado en toda la gráfica por computadora.

Modelo de color aditivo.

•Cubo unitario definido en los ejes R, G y B.

•El Origen (0,0,0) representa el negro y el

el vértice diagonalmente opuesto (1,1,1) es Blanco.

•Los vértices del cubo en los ejes representan

colores primarios, y los vértices restantes son
los puntos de color complementario para cada uno de los

colores primarios.

Se representan tonos de gris a lo largo del

16
diagonal principal.
Modelo RGB

Cada punto de color dentro del cubo unidad puede ser representado como
una suma de vectores ponderados de los colores primarios, utilizando unidad
vectoresR,GyB.

C(λ) =(R,G,B) =RR+GG+ BB

Donde R, G y B se asignan valores en el rango de 0

a 1.0.

Por ejemplo, el vértice magenta se obtiene al agregar el

valores máximos de rojo y azul para producir: (1,0,1)

17
 Modelo YIQ

El modelo YIQ se utiliza para la transmisión de televisión en EE. UU.

•Este modelo fue diseñado para separar la crominancia (I y

Q) a partir de la luminancia (Y).

•Este fue un requisito en los primeros días de la televisión a color

cuando se esperaba que los conjuntos en blanco y negro todavía mejoraran
y mostrar lo que originalmente eran imágenes a color

El canal Y contiene información de luminancia (suficiente

para televisores en blanco y negro) mientras que el I y Q
los canales llevaban la información de color.

18
YIQ model
Un televisor a color tomaría estos tres canales, Y, I y Q, y los mapearía.
la información de vuelta a los niveles de R, G y B para mostrar en una pantalla.

La ventaja de este modelo es que se puede asignar más ancho de banda a la

Componente Y (luminancia) porque el sistema visual humano es más
sensible a los cambios en la luminancia que a los cambios en el matiz o la saturación

Convertir de RGB a YIQ Convertir de YIQ a RGB

19
Modelo HSV

Cada color está representado por tres componentes Tono ( H ),

Saturation ( S ) andValue ( V )

20
Modelo HSV

El matiz (H) de un color se refiere a qué color puro se asemeja.

Todos los matices, tonos y sombras de rojo tienen el mismo matiz.
el color que vemos

21
Modelo HSV

La saturación (S) de un color describe cuán blanco es el color.

O la cantidad de blanco añadido al color. Un rojo puro es completamente
saturado (S=1) significa que no se ha añadido blanco

22
Modelo HSV

El valor (V) de un color, también llamado su luminosidad, describe

qué tan oscuro es el color. Un valor de 0 es negro, con aumento
ligereza alejándose del negro.

23
Modelo HSL
Representación de doble cono
Los parámetros son:
•Hue (H)
•Lightness (L)
•Saturation (S)

24
Modelo HSL
El eje vertical se llama Luminosidad (L).
•En L=0 tenemos negro, y en L=1 tenemos blanco
Los valores en escala de grises están a lo largo del eje L

Los colores puros se encuentran en el eje donde L=0.5 y S=1.0

25
 Modelo CMY y CMYK

Modelo de Color Sustractivo.

Significa cian-magenta-amarillo.

•Utilizado para dispositivos de impresión (por ejemplo, impresoras).

Un color impreso que parece rojo absorbe

los otros dos componentes G y B y
refleja R.

Por lo tanto, las coordenadas C-M-Y son solo

complementos de las coordenadas R-G-B.

26
 Modelo CMY y CMYK
En modelos de color aditivos como RGB, el blanco es el "aditivo"
la combinación de todas las luces de colores primarios, mientras que el negro es la ausencia
de luz.

En el modelo CMYK, es lo contrario: el blanco es el color natural del

papel u otro fondo, mientras que el negro resulta de un lleno
combinación de tintas de colores.

RGBaCMY CMYAaRGB

27
 Modelo CMY y CMYK
Modelo de Color CMYK
Aunque se podría esperar que las tintas cian, magenta y amarilla sean suficientes para
impresión a color, la mayoría de la impresión a color actual utiliza tinta negra además.

Esto se debe en parte a que una mezcla de las tres primeras tintas puede no producir un negro.
eso es lo suficientemente neutro, o lo suficientemente oscuro, pero también debido al uso del negro
ahorra el uso de tintas de color más caras y también reduce el total
cantidad de tinta utilizada, acelerando así los tiempos de secado.

K se usa en lugar de cantidades iguales de CMY

llamado bajo la eliminación de color
negro más rico
menos tinta depositada en el papel–se seca más rápido
•Primera aproximación: las no linealidades deben ser
acogido
K = min(C, M, Y)
C’= C–K
M' = M - K 28
Y' = Y - K
Aplicaciones de Modelos de Color

Color Model ApplicationArea Color Model ApplicationArea

- Gráficos por computadora

- Procesamiento de imágenes
RGB - Análisis de Imagen
- Almacenamiento de Imágenes

CMY(K) Impresión
- Percepción visual humana
- Procesamiento de gráficos por computadora
- Visión por computadora
- Análisis de Imágenes
- Diseñar imagen
HSV, HSL - Visión humana
- Software de edición de imágenes
- Editor de video

- Transmisión de televisión
YIQ - Sistema de video
 Semitono
Una técnica utilizada en la impresión de periódicos
Solo dos intensidades son posibles, bulto de tinta y sin bulto de
tinta. Pero, el tamaño del bulto se puede variar

30
 Dithering

El proceso de aproximar colores que no tienes por

mezclando colores que tienes.

31
Halftoning vs. Dithering
El semitono es la reproducción de imágenes en escala de grises utilizando puntos.
pero con tamaño variable.
Typical ApplicationLaser printer.

Si un monitor no puede mostrar un cierto color, el dithering lo aproxima.

el color al colocar cerca unos de otros píxeles en colores que el
la computadora puede mostrar.
Los diseñadores gráficos web típicos a menudo limitan su
imágenes a 256 colores y usar dithering para insinuar otros colores.

32
 References
•Hearn, Baker y Carithers,
Gráficos por computadora con OpenGL
• [Link]
ateriales/HyperGraph/color/[Link]
m
• [Link]

• [Link]
/rw778/grafika/OpenGLtuts/Big/graphi
[Link]

33