SlideShare ist ein Scribd-Unternehmen logo
1 von 37
Downloaden Sie, um offline zu lesen
MÓDULO II SUBMÓDULO III
ELABORACIÓN DE PÁGINAS WEB




 TEORÍA DEL COLOR



    I.S.C. Karina Delgado Huante
Teoría de Color descubierta por Newton

• Descomposición de la luz a través de un prisma
Colores Primarios




Los colores primarios son aquellos colores básicos o
fundamentales de los que derivan todos los demás
colores. Son perceptualmente irreductibles.
Colores Secundarios




Los colores secundarios, son aquellos que se obtienen
de la mezcla de dos primarios.

AMARILLO + AZUL = VERDE AZUL + ROJO = VIOLETA
ROJO + AMARILLO = NARANJA
Cuento
Cuento
Cuento
Cuento
Colores Terciarios
Los colores terciarios, son los obtenidos de la
mezcla de un primario y un secundario.

En realidad no son más que matices de un color.

AMARILLO + VERDE = VERDE AMARILLENTO
VERDE + AZUL = VERDE AZULADO
AZUL + VIOLETA = VIOLETA AZULADO
VIOLETA + ROJO = VIOLETA ROJIZO
ROJO + NARANJA = NARANJA ROJIZO
NARANJA + AMARILLO = NARANJA
AMARILLENTO
¿Por qué vemos los objetos de
    determinados colores?

Los objetos tienen la propiedad de
absorber determinada cantidad de luz y
rechazar otra cantidad de luz, el color
natural del objeto que nosotros
percibimos está dado por el rayo de luz
que rechaza.
¿Por qué es roja esta manzana?
¿Y amarilla?
¿Qué se necesita para que veamos
     esta manzanas verde?
¿Manzana negra?
¿Manzana blanca?
Para la representación de estos colores en un
dispositivo de cómputo se emplean modelos que
consideran los tres parámetros más importantes de
la luz.

Los dispositivos de   En la industria de la   Los artistas
despliegue gráficos   impresión se utiliza    generalmente
usan el modelo RGB    el CMYK                 manejan el modelo
                                              HLS
RGB




En el modelo RGB, los colores primarios son el rojo,
verde y azul, mientras los secundarios son el magenta
(rojo + azul), el cian (azul + verde) y el amarillo (rojo +
verde).
RGB
Los monitores CRT (tubo de rayos catódicos) usan el modelo RGB para
crear los diferentes colores por emisión de luz de fósforos de tres
diferentes tipos; posteriormente los colores se mezclan en el ojo humano
y dan la apariencia de una combinación perfecta; ya que los conos en el
ojo son muy sensibles a estos colores.
CMYK
CMYK
CMYK
Es un modelo de colores que se utiliza en la impresión a
colores
       C = Cyan (Cian) -opuesto al rojo
       M = Magenta (Magenta) opuesto al verde
       Y = Yellow (Amarillo) opuesto al azul

La mezcla de colores CMY ideales es sustractiva, si se
imprime cian, magenta y amarillo en fondo blanco resulta
en el color negro.
El modelo CMYK se basa en la absorción de la luz.
El color que presenta un objeto corresponde a la parte de
la luz que incide sobre este y que no es absorbida por el
objeto.
HLS
• La luz puede ser descrita si se especifica su matiz de color
  (hue-tonalidad), la saturación y la luminancia.
• Este modelo fue introducido por Tektronics en 1978 y define
  su nombre a partir de los tres parámetros que considera; el
  color (hue-tonalidad), la luminancia (cantidad de negro en el
  color) y la saturación o croma, (cantidad de blanco).
Círculo Cromático

                               Se denomina círculo
                               cromático al resultante
                               de distribuir alrededor
                               de un círculo los
                               colores que conforman
                               el segmento de la luz
Círculo Cromático Escalonado   visible del espectro
                               solar
Círculo Cromático

El círculo cromático
se usa muy a
menudo para armar
o determinar las
armonías de color
que se van a usar
en determinada
obra artística.        Círculo Cromático Degradado
Contrastes
• Cuando dos colores diferentes entran en
  contraste directo, el contraste intensifica
  las diferencias entre ambos.
• El contraste aumenta cuanto mayor sea el
  grado de diferencia y mayor sea el grado
  de contacto, llegando a su máximo
  contraste cuando un color está rodeado
  por otro.
También denominado contraste claro-oscuro, se produce
al confrontar un color claro o saturado con blanco y un
color oscuro o saturado de negro.

Es uno de los más efectivos, siendo muy recomendable
para contenidos textuales, que deben destacar con
claridad sobre el fondo.
Cuando se presentan dos valores diferentes en
contraste simultáneo, el más claro parecerá más alto y
el más oscuro, más bajo.
Por ejemplo, al colocar dos rectángulos granates, uno
sobre fondo verdoso y el otro sobre fondo naranja,
veremos más claro el situado sobre fondo verdoso.
La yuxtaposición de colores primarios exalta el valor de
cada uno.
Se origina de la modulación de un tono puro, saturándolo con
blanco, negro o gris.
El contraste puede darse entre colores puros o bien por la
confrontación de éstos con otros no puros.
Los colores puros pierden luminosidad cuando se les añade
negro, y varían su saturación mediante la adicción del blanco,
modificando los atributos de calidez y frialdad.
El verde es el color que menos cambia mezclado tanto con
blanco como con negro.




Como ejemplo, si situamos sobre un mismo fondo tres rectángulos
con diferentes saturaciones de amarillo, contrastará más el más puro.
Es el contraste producido al confrontar un color cálido con otro frío
La calidez o frialdad de un color es relativa, ya que el color es
modificado por los colores que lo rodean. Así un amarillo puede ser
cálido con respecto a un azul y frío con respecto a un rojo. Y también
un mismo amarillo puede ser más cálido si está rodeado de colores
fríos y menos cálidos si lo rodean con rojo, naranja, etc.
Dos colores complementarios son los que ofrecen juntos
mejores posibilidades de contraste, aunque resultan muy
violentos visualmente combinar dos colores complementarios
intensos.
Para lograr una armonía conviene que uno de ellos sea un color
puro, y el otro esté modulado con blanco o negro.
Un color puro y brillante aplicado en una gran extensión
de la página suele resultar irritante y cansino
(especialmente, el amarillo), mientras que ese mismo
color, usado en pequeñas proporciones y sobre un fondo
apagado puede crear sensación de dinamismo.
Dos colores claros brillantes puestos uno al
lado de otro impactan en nuestra vista,
produciendo un efecto de rechazo, mientras
que si esos dos mismos colores los situamos
uno dentro del otro el efecto cambia por
completo, resultando agradable.
Un mismo color puede cambiar mucho su aspecto visual
dependiendo del color en el que se encuentre rodeado.




 En este ejemplo vemos dos cuadrados, uno de color de fondo
 azul, y otro negro, ambos con un cuadrado amarillo dentro.
 Los dos cuadrados interiores son del mismo amarillo, pero
 parecen diferentes: en fondo azul se enmascara la pureza del
 amarillo, mientras que en fondo negro el amarillo muestra
 toda su pureza y frescura.
Texturas
Otra herramienta existente para el procesamiento de
imágenes, la constituye el uso de texturas que permiten
representar la información o causar efectos especiales
sobre las imágenes.

Una textura es un patrón de valores de los pixeles
sobre una región pequeña; que puede ser puesta sobre
un objeto o superficie, además de que se reproduce en
todo el objeto o sobre una parte seleccionada.

Ciertos programas incluyen archivos de texturas típicas
de madera, ladrillos, mármol y agua para incluirse en
las imágenes que se deseen.
Texturas
Teoría del Color y Modelos de Colores

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Propiedades y tipologia del color
Propiedades y tipologia del colorPropiedades y tipologia del color
Propiedades y tipologia del color
 
Presentacion teoria del color
Presentacion teoria del colorPresentacion teoria del color
Presentacion teoria del color
 
Conceptos Básicos Teoría del Color
Conceptos Básicos Teoría del ColorConceptos Básicos Teoría del Color
Conceptos Básicos Teoría del Color
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
Trabajo de multimedia
Trabajo de multimediaTrabajo de multimedia
Trabajo de multimedia
 
Teoria+del+color
Teoria+del+colorTeoria+del+color
Teoria+del+color
 
Teoria aditiva del color (2)
Teoria aditiva del color (2)Teoria aditiva del color (2)
Teoria aditiva del color (2)
 
Atributos del color
Atributos del colorAtributos del color
Atributos del color
 
Fundamentos TeoríA Del Color
Fundamentos TeoríA Del ColorFundamentos TeoríA Del Color
Fundamentos TeoríA Del Color
 
Propiedades y Tipología del Color
Propiedades y Tipología del ColorPropiedades y Tipología del Color
Propiedades y Tipología del Color
 
Teoria Del Color LS
Teoria Del Color  LSTeoria Del Color  LS
Teoria Del Color LS
 
Color
ColorColor
Color
 
El Color
El ColorEl Color
El Color
 
Artes plásticas colores y poligonos
Artes plásticas colores y poligonosArtes plásticas colores y poligonos
Artes plásticas colores y poligonos
 
Arte Teoria De Color 10
Arte Teoria De Color 10Arte Teoria De Color 10
Arte Teoria De Color 10
 
Teoría del Color
Teoría del ColorTeoría del Color
Teoría del Color
 
Teoria Del Color
Teoria Del ColorTeoria Del Color
Teoria Del Color
 
Teoria De Color
Teoria De ColorTeoria De Color
Teoria De Color
 
Toría del color
Toría del colorToría del color
Toría del color
 
Teoria del color===
Teoria del color===Teoria del color===
Teoria del color===
 

Andere mochten auch

Andere mochten auch (7)

Imágenes
ImágenesImágenes
Imágenes
 
Modelo rgb
Modelo rgbModelo rgb
Modelo rgb
 
Teoria Del Color
Teoria Del ColorTeoria Del Color
Teoria Del Color
 
Propuesta BASE DE DATOS
Propuesta BASE DE DATOSPropuesta BASE DE DATOS
Propuesta BASE DE DATOS
 
Modelos de color
Modelos de colorModelos de color
Modelos de color
 
Proyecto Final Base De Datos
Proyecto Final Base De DatosProyecto Final Base De Datos
Proyecto Final Base De Datos
 
PROYECTO DE BASE DE DATOS
PROYECTO DE BASE DE DATOSPROYECTO DE BASE DE DATOS
PROYECTO DE BASE DE DATOS
 

Ähnlich wie Teoría del Color y Modelos de Colores

Ähnlich wie Teoría del Color y Modelos de Colores (20)

Color
ColorColor
Color
 
Color
ColorColor
Color
 
Presentation1
Presentation1Presentation1
Presentation1
 
Color.
Color.Color.
Color.
 
2 -teoria del color
2 -teoria del color2 -teoria del color
2 -teoria del color
 
Dany josue trejo
Dany josue trejoDany josue trejo
Dany josue trejo
 
Teoría del color
Teoría del colorTeoría del color
Teoría del color
 
Teoria De Color
Teoria De ColorTeoria De Color
Teoria De Color
 
Propiedades y Tipologia del color
Propiedades y Tipologia del colorPropiedades y Tipologia del color
Propiedades y Tipologia del color
 
El color
El colorEl color
El color
 
QUE ES EL COLOR.
QUE ES EL COLOR. QUE ES EL COLOR.
QUE ES EL COLOR.
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
TEORIA DE COLOR
TEORIA DE COLORTEORIA DE COLOR
TEORIA DE COLOR
 
TEORIA DE COLOR
TEORIA DE COLORTEORIA DE COLOR
TEORIA DE COLOR
 
Circulo cromatico
Circulo cromaticoCirculo cromatico
Circulo cromatico
 
Investigacion colores
Investigacion coloresInvestigacion colores
Investigacion colores
 
Presentación de Rechael Rodriguez
Presentación de Rechael RodriguezPresentación de Rechael Rodriguez
Presentación de Rechael Rodriguez
 
El Color
El ColorEl Color
El Color
 
El Color
El ColorEl Color
El Color
 
El color
El color El color
El color
 

Mehr von karina154

Antivirusy vacunas
Antivirusy vacunasAntivirusy vacunas
Antivirusy vacunaskarina154
 
Software malicioso
Software maliciosoSoftware malicioso
Software maliciosokarina154
 
Analisisy diagnostico
Analisisy diagnosticoAnalisisy diagnostico
Analisisy diagnosticokarina154
 
Mantenimiento correctivo sw
Mantenimiento correctivo swMantenimiento correctivo sw
Mantenimiento correctivo swkarina154
 
Depuración de archivos
Depuración de archivosDepuración de archivos
Depuración de archivoskarina154
 
Desfragmentar
DesfragmentarDesfragmentar
Desfragmentarkarina154
 
Respaldo informacion
Respaldo informacionRespaldo informacion
Respaldo informacionkarina154
 
Mantenimiento a dispositivos portátiles
Mantenimiento a dispositivos portátilesMantenimiento a dispositivos portátiles
Mantenimiento a dispositivos portátileskarina154
 
Herramientas para el Mantenimiento
Herramientas para el MantenimientoHerramientas para el Mantenimiento
Herramientas para el Mantenimientokarina154
 
Mantenimiento Preventivo
Mantenimiento PreventivoMantenimiento Preventivo
Mantenimiento Preventivokarina154
 
Formatos imagen
Formatos imagenFormatos imagen
Formatos imagenkarina154
 
Teorías del Diseño
Teorías del DiseñoTeorías del Diseño
Teorías del Diseñokarina154
 
Formatos para animación en multimedia
Formatos para animación en multimediaFormatos para animación en multimedia
Formatos para animación en multimediakarina154
 
Tutorial HTML Práctica 1
Tutorial HTML Práctica 1Tutorial HTML Práctica 1
Tutorial HTML Práctica 1karina154
 

Mehr von karina154 (15)

Firewall
FirewallFirewall
Firewall
 
Antivirusy vacunas
Antivirusy vacunasAntivirusy vacunas
Antivirusy vacunas
 
Software malicioso
Software maliciosoSoftware malicioso
Software malicioso
 
Analisisy diagnostico
Analisisy diagnosticoAnalisisy diagnostico
Analisisy diagnostico
 
Mantenimiento correctivo sw
Mantenimiento correctivo swMantenimiento correctivo sw
Mantenimiento correctivo sw
 
Depuración de archivos
Depuración de archivosDepuración de archivos
Depuración de archivos
 
Desfragmentar
DesfragmentarDesfragmentar
Desfragmentar
 
Respaldo informacion
Respaldo informacionRespaldo informacion
Respaldo informacion
 
Mantenimiento a dispositivos portátiles
Mantenimiento a dispositivos portátilesMantenimiento a dispositivos portátiles
Mantenimiento a dispositivos portátiles
 
Herramientas para el Mantenimiento
Herramientas para el MantenimientoHerramientas para el Mantenimiento
Herramientas para el Mantenimiento
 
Mantenimiento Preventivo
Mantenimiento PreventivoMantenimiento Preventivo
Mantenimiento Preventivo
 
Formatos imagen
Formatos imagenFormatos imagen
Formatos imagen
 
Teorías del Diseño
Teorías del DiseñoTeorías del Diseño
Teorías del Diseño
 
Formatos para animación en multimedia
Formatos para animación en multimediaFormatos para animación en multimedia
Formatos para animación en multimedia
 
Tutorial HTML Práctica 1
Tutorial HTML Práctica 1Tutorial HTML Práctica 1
Tutorial HTML Práctica 1
 

Teoría del Color y Modelos de Colores

  • 1. MÓDULO II SUBMÓDULO III ELABORACIÓN DE PÁGINAS WEB TEORÍA DEL COLOR I.S.C. Karina Delgado Huante
  • 2.
  • 3. Teoría de Color descubierta por Newton • Descomposición de la luz a través de un prisma
  • 4. Colores Primarios Los colores primarios son aquellos colores básicos o fundamentales de los que derivan todos los demás colores. Son perceptualmente irreductibles.
  • 5. Colores Secundarios Los colores secundarios, son aquellos que se obtienen de la mezcla de dos primarios. AMARILLO + AZUL = VERDE AZUL + ROJO = VIOLETA ROJO + AMARILLO = NARANJA
  • 10. Colores Terciarios Los colores terciarios, son los obtenidos de la mezcla de un primario y un secundario. En realidad no son más que matices de un color. AMARILLO + VERDE = VERDE AMARILLENTO VERDE + AZUL = VERDE AZULADO AZUL + VIOLETA = VIOLETA AZULADO VIOLETA + ROJO = VIOLETA ROJIZO ROJO + NARANJA = NARANJA ROJIZO NARANJA + AMARILLO = NARANJA AMARILLENTO
  • 11. ¿Por qué vemos los objetos de determinados colores? Los objetos tienen la propiedad de absorber determinada cantidad de luz y rechazar otra cantidad de luz, el color natural del objeto que nosotros percibimos está dado por el rayo de luz que rechaza.
  • 12. ¿Por qué es roja esta manzana?
  • 14. ¿Qué se necesita para que veamos esta manzanas verde?
  • 17. Para la representación de estos colores en un dispositivo de cómputo se emplean modelos que consideran los tres parámetros más importantes de la luz. Los dispositivos de En la industria de la Los artistas despliegue gráficos impresión se utiliza generalmente usan el modelo RGB el CMYK manejan el modelo HLS
  • 18. RGB En el modelo RGB, los colores primarios son el rojo, verde y azul, mientras los secundarios son el magenta (rojo + azul), el cian (azul + verde) y el amarillo (rojo + verde).
  • 19. RGB Los monitores CRT (tubo de rayos catódicos) usan el modelo RGB para crear los diferentes colores por emisión de luz de fósforos de tres diferentes tipos; posteriormente los colores se mezclan en el ojo humano y dan la apariencia de una combinación perfecta; ya que los conos en el ojo son muy sensibles a estos colores.
  • 20. CMYK
  • 21. CMYK
  • 22. CMYK Es un modelo de colores que se utiliza en la impresión a colores C = Cyan (Cian) -opuesto al rojo M = Magenta (Magenta) opuesto al verde Y = Yellow (Amarillo) opuesto al azul La mezcla de colores CMY ideales es sustractiva, si se imprime cian, magenta y amarillo en fondo blanco resulta en el color negro. El modelo CMYK se basa en la absorción de la luz. El color que presenta un objeto corresponde a la parte de la luz que incide sobre este y que no es absorbida por el objeto.
  • 23. HLS • La luz puede ser descrita si se especifica su matiz de color (hue-tonalidad), la saturación y la luminancia. • Este modelo fue introducido por Tektronics en 1978 y define su nombre a partir de los tres parámetros que considera; el color (hue-tonalidad), la luminancia (cantidad de negro en el color) y la saturación o croma, (cantidad de blanco).
  • 24. Círculo Cromático Se denomina círculo cromático al resultante de distribuir alrededor de un círculo los colores que conforman el segmento de la luz Círculo Cromático Escalonado visible del espectro solar
  • 25. Círculo Cromático El círculo cromático se usa muy a menudo para armar o determinar las armonías de color que se van a usar en determinada obra artística. Círculo Cromático Degradado
  • 26. Contrastes • Cuando dos colores diferentes entran en contraste directo, el contraste intensifica las diferencias entre ambos. • El contraste aumenta cuanto mayor sea el grado de diferencia y mayor sea el grado de contacto, llegando a su máximo contraste cuando un color está rodeado por otro.
  • 27. También denominado contraste claro-oscuro, se produce al confrontar un color claro o saturado con blanco y un color oscuro o saturado de negro. Es uno de los más efectivos, siendo muy recomendable para contenidos textuales, que deben destacar con claridad sobre el fondo.
  • 28. Cuando se presentan dos valores diferentes en contraste simultáneo, el más claro parecerá más alto y el más oscuro, más bajo. Por ejemplo, al colocar dos rectángulos granates, uno sobre fondo verdoso y el otro sobre fondo naranja, veremos más claro el situado sobre fondo verdoso. La yuxtaposición de colores primarios exalta el valor de cada uno.
  • 29. Se origina de la modulación de un tono puro, saturándolo con blanco, negro o gris. El contraste puede darse entre colores puros o bien por la confrontación de éstos con otros no puros. Los colores puros pierden luminosidad cuando se les añade negro, y varían su saturación mediante la adicción del blanco, modificando los atributos de calidez y frialdad. El verde es el color que menos cambia mezclado tanto con blanco como con negro. Como ejemplo, si situamos sobre un mismo fondo tres rectángulos con diferentes saturaciones de amarillo, contrastará más el más puro.
  • 30. Es el contraste producido al confrontar un color cálido con otro frío La calidez o frialdad de un color es relativa, ya que el color es modificado por los colores que lo rodean. Así un amarillo puede ser cálido con respecto a un azul y frío con respecto a un rojo. Y también un mismo amarillo puede ser más cálido si está rodeado de colores fríos y menos cálidos si lo rodean con rojo, naranja, etc.
  • 31. Dos colores complementarios son los que ofrecen juntos mejores posibilidades de contraste, aunque resultan muy violentos visualmente combinar dos colores complementarios intensos. Para lograr una armonía conviene que uno de ellos sea un color puro, y el otro esté modulado con blanco o negro.
  • 32. Un color puro y brillante aplicado en una gran extensión de la página suele resultar irritante y cansino (especialmente, el amarillo), mientras que ese mismo color, usado en pequeñas proporciones y sobre un fondo apagado puede crear sensación de dinamismo.
  • 33. Dos colores claros brillantes puestos uno al lado de otro impactan en nuestra vista, produciendo un efecto de rechazo, mientras que si esos dos mismos colores los situamos uno dentro del otro el efecto cambia por completo, resultando agradable.
  • 34. Un mismo color puede cambiar mucho su aspecto visual dependiendo del color en el que se encuentre rodeado. En este ejemplo vemos dos cuadrados, uno de color de fondo azul, y otro negro, ambos con un cuadrado amarillo dentro. Los dos cuadrados interiores son del mismo amarillo, pero parecen diferentes: en fondo azul se enmascara la pureza del amarillo, mientras que en fondo negro el amarillo muestra toda su pureza y frescura.
  • 35. Texturas Otra herramienta existente para el procesamiento de imágenes, la constituye el uso de texturas que permiten representar la información o causar efectos especiales sobre las imágenes. Una textura es un patrón de valores de los pixeles sobre una región pequeña; que puede ser puesta sobre un objeto o superficie, además de que se reproduce en todo el objeto o sobre una parte seleccionada. Ciertos programas incluyen archivos de texturas típicas de madera, ladrillos, mármol y agua para incluirse en las imágenes que se deseen.