Torres angelica aa7_colordigital

22
MODELOS DE COLOR Angelica Torres Teoría del Color

Transcript of Torres angelica aa7_colordigital

Page 1: Torres  angelica aa7_colordigital

MODELOS DE COLOR

Angelica Torres

Teoría del Color

Page 2: Torres  angelica aa7_colordigital

PONY MALTA

La Agencia MacCann Erickson Bogotá nos solicita

determinar el matiz, la saturación, la luminosidad, y el

número de Rojo, Verde, y Azul (RGB) del color usado en

el logo Pony Malta para esto debemos hacerles saber los

conceptos para llegar al número exacto que nos

solicitan.

Page 3: Torres  angelica aa7_colordigital

LOGO

http://www.brandingdang.com/portafolio/pony_malta

Page 4: Torres  angelica aa7_colordigital

MODELO DE COLOR HSB

Modelo de definición del color basado en el trabajo de Albert

Munsell y sus estudios de la percepción humana del color,

definiendo los colores en función de las tres propiedades del

color (matiz, luminosidad y saturación).

MATÍZ

Page 5: Torres  angelica aa7_colordigital

MODELO DE COLOR HSB

SATURACIÓN

LUMINOSIDAD

http://www.proyectacolor.cl/aplicacion-del-color/modelos-de-color/modelo-hsb/

Page 6: Torres  angelica aa7_colordigital

MODELO DE COLOR HSB

Matiz

Se representa como un grado de ángulo cuyos valores posibles van de 0 a 360 (aunque

para algunas aplicaciones se normalizan del 0 al 100%). Cada valor corresponde a un

color. Ejemplos: 0 es rojo, 60 es amarillo y 120 es verde.

los valores básicos RGB:

Disponemos de 360 grados dónde se dividen los 3 colores RGB, eso da un total de 120º

por color, sabiendo esto podemos recordar que el 0 es rojo RGB(1, 0, 0), 120 es verde

RGB(0, 1, 0) y 240 es azul RGB(0, 0, 1). Para colores mixtos se utilizan los grados

intermedios, el amarillo, RGB(1, 1, 0) está entre rojo y verde, por lo tanto 60º. Se puede

observar como se sigue la secuencia de sumar 60 grados y añadir un 1 o quitar el anterior:

0º = RGB(1, 0, 0) 60º = RGB(1, 1, 0)

120º = RGB(0, 1, 0) 180º = RGB(0, 1, 1)

240º = RGB(0, 0, 1) 300º = RGB(1, 0, 1)

360º = 0º

Esta transformación permite saber los tonos

de matices de colores puros que contienen

alguna cantidad (o ninguna) de los colores

R, G y B. Para el color blanco se puede poner

cualquier color y saturación, siempre que se

establezca el valor (de luminosidad) máximo.

Asimismo, para el color negro se puede poner

cualquier color y saturación, siempre que se

ponga un valor de 0.

Page 7: Torres  angelica aa7_colordigital

MODELO DE COLOR HSB

Saturación

Se representa como la distancia al eje de brillo negro-blanco. Los valores

posibles van del 0 al 100%. A este parámetro también se le suele llamar

"pureza” Cuanto menor sea la saturación de un color, mayor tonalidad grisácea

habrá.

Graduaciones de saturación en el modelo HSV

Valor

Representa la altura en el eje blanco-negro. Los valores posibles van del 0 al

100%. 0 siempre es negro. Dependiendo de la saturación, 100 podría ser

blanco o un color más o menos saturado.

http://es.wikipedia.org/wiki/Modelo_de_color_HSV

Matiz 100%

puro

75% de

saturación

Saturación

media

25% de

Saturación

0 de

saturación

Page 8: Torres  angelica aa7_colordigital

MODELO DE COLOR RGB

RGB

Es un modelo de color basado en la síntesis aditiva, con el que es

posible representar un color mediante la mezcla por adición de los tres

colores luz primarios. El modelo de color RGB no define por sí mismo lo

que significa exactamente rojo, verde o azul, por lo que los mismos

valores RGB pueden mostrar colores notablemente diferentes en

diferentes dispositivos que usen este modelo de color. Aunque utilicen

un mismo modelo de color, sus espacios de color pueden variar

considerablemente.

Page 9: Torres  angelica aa7_colordigital

MODELO DE COLOR RGB

Para indicar con qué proporción mezclamos cada color, se asigna un valor a cada uno de los colores primarios, de manera, por ejemplo, que el valor 0 significa que no interviene en la mezcla y, a medida que ese valor aumenta, se entiende que aporta más intensidad a la mezcla. Aunque el intervalo de valores podría ser cualquiera (valores reales entre 0 y 1, valores enteros entre 0 y 37, etc.), es frecuente que cada color primario se codifique con un byte (8 bits). Así, de manera usual, la intensidad de cada una de las componentes se mide según una escala que va del 0 al 255.

Por lo tanto, el rojo se obtiene con (255,0,0), el verde con (0,255,0) y el azul con (0,0,255), obteniendo, en cada caso un color resultante monocromático. La ausencia de color —lo que nosotros conocemos como color negro— se obtiene cuando las tres componentes son 0, (0,0,0).

La combinación de dos colores a nivel 255 con un tercero en nivel 0 da lugar a tres colores intermedios. De esta forma el amarillo es (255,255,0), el cian (0,255,255) y el magenta (255,0,255).

Obviamente, el color blanco se forma con los tres colores primarios a su máximo nivel (255,255,255).

El conjunto de todos los colores se puede representar en forma de cubo. Cada color es un punto de la superficie o del interior de éste. La escala de grises estaría situada en la diagonal que une al color blanco con el negro.

Page 10: Torres  angelica aa7_colordigital

MODELO DE COLOR RGB

http://es.wikipedia.org/wiki/Modelo_de_color_RGB

Page 11: Torres  angelica aa7_colordigital

COLORES QUE IDENTIFICAN LA

MARCA PONY MALTA

Rojo

Blanco

Amarillo

Page 12: Torres  angelica aa7_colordigital

ROJO

En este caso tenemos un problema con nuestro programa

Al obtener el color nos dice que la medida debe ser cambiada

Si lo que se quiere es imprimir que es lo que deseamos por lo

cual nos vamos por aceptar la sugerencia del programa para

este caso.

Page 13: Torres  angelica aa7_colordigital

ROJO

SATURACIÓN = 88%

En donde obtenemos un

color mas hacia lo puro

ILUMINACIÓN = 89%

En donde el color es mas

saturado y vivo

MODELO HSB

MATIZ= 358º

360ª = 0ª

0º = RGB(1,0,0)

Es decir, rojo puro

MODELO RGB

R = ROJO

G = VERDE

B = AZUL

227

%

27%

33%

Page 14: Torres  angelica aa7_colordigital

BLANCO

Page 15: Torres  angelica aa7_colordigital

BLANCO

SATURACIÓN = 0% ILUMINACIÓN = 100%

MODELO HSB

MATIZ= 0º

MODELO RGB

R = ROJO

G = VERDE

B = AZUL

255

%

255

%

255

%

Para el color blanco se puede poner cualquier color y saturación, siempre que

se establezca el valor (de luminosidad) máximo.

Page 16: Torres  angelica aa7_colordigital

AMARILLO

En este caso con el color amarillo también se nos

presenta el mismo problema de impresión por lo tanto

hacemos el cambio sugerido.

Page 17: Torres  angelica aa7_colordigital

AMARILLO

SATURACIÓN = 100%

En donde obtenemos un

color amarillo puro

ILUMINACIÓN = 94%

En donde el color es mas

saturado y vivo

MODELO HSB

MATIZ= 57º

60º = RGB(1,1,0)

Es decir, rojo y verde

MODELO RGB

R = ROJO

G = VERDE

B = AZUL

240

%

228

%

0%

Page 18: Torres  angelica aa7_colordigital

PREGUNTAS

¿Qué modelo de color usa este programa?

El programa que se utilizo para este proyecto fue photoshop que

utiliza modelos de color HSB, RGB, CMYK Y L.A.B

¿Qué sucede cuando se modifican los valores de matiz?

Al cambiar el matiz del

rojo y amarillo

Podemos observar que

cambia a otra tonalidad y

en cambio cuando lo

hacemos con el color

blanco observamos que

siempre será blanco

Debido a que la

luminosidad esta en el

100%

Page 19: Torres  angelica aa7_colordigital

PREGUNTAS

¿Qué sucede cuando se modifican los valores de saturación?

Para saturar el color aplicamos la herramienta tono y saturación y hallamos estos valores

Cuando modificamos los valores de saturación observamos que el color se va poniendo grisáceo y en la paleta colores al ponerle en la saturación el volor 0º nos da el color blanco para rojo y amarillo.

Esto nos dice que al saturara al máximo el color es blanco cuando la luminocidadesta al 100%

COLOR AL -50% COLOR AL -100%

Page 20: Torres  angelica aa7_colordigital

PREGUNTAS

¿Qué sucede cuando se modifican los valores de luminosidad?

LUMINOSIDAD AL 100% = BLANCO

Estas medidas son tomadas de la aplicación con tono y saturación de photoshop donde nos damos cuenta que al disminuir al menor porcentaje de luminosidad nos da tanalidad negra y cuando lo elevamos al maximonos da color blanco pero cuando tomamos los colres en la paleta de colores vemos que cada color al maximo de luminosidad nos da el color mayor saturado.

Luminosidad al -100% Luminosidad al -50% Luminosidad al 50%

Page 21: Torres  angelica aa7_colordigital

PREGUNTAS

¿Por qué se modifican los valores RGB?

Los valores RGB se modifican para hacer

mezclas y hallar el color deseado sabemos

que cada color tiene de 0 a 255 donde 255

es el valor máximo de cada color

Y 0 es cuando no se obtiene ninguna mezcla

del color.

Por lo tanto,

el rojo se obtiene con (255,0,0),

el verde con (0,255,0) y

el azul con (0,0,255

Page 22: Torres  angelica aa7_colordigital

BIBLIOGRAFÍA

http://es.wikipedia.org/wiki/Modelo_de_color RGB

http://es.wikipedia.org/wiki/Modelo_de_color_HSV