SlideShare uma empresa Scribd logo
1 de 49
 
Teoría del Color ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Color “ El color es un fenómeno combinado, físico y psicológico, producido por la compleja interacción de la luz, la forma en que afectan las longitudes de onda a determinados objetos, las superficies de éstos y la respuesta del ojo humano.” Tomado de:  KODAK. Enciclopedia práctica de la Fotografía. Tomo 2. Teoría del Color. Pág. 568.
El espectro de la Luz El  Espectro visible o de la luz blanca  se define como la descomposición de la luz  en sus  diferentes longitudes de onda, desplegando ante nuestros ojos los principales colores que la conforman: rojo; anaranjado; amarillo; verde; verde- azulado; azul y violeta.
Nuestro Ojo
Colores primarios  en pigmentos
Colores primarios espectrales
Colores secundarios PAPEL CIAN  VERDE AZUL ROJO
Colores secundarios PAPEL MAGENTA  VERDE AZUL ROJO
Colores secundarios PAPEL AMARILLO  VERDE AZUL ROJO
Círculos Cromáticos Del Espectro De los Pigmentos Los  colores primarios y los colores secundarios forman el  círculo cromático del  espectro de la luz visible (azul, rojo, verde, cían, magenta y amarillo). Es una herramienta que permite representar los colores sólidos primarios, secundarios y complentarios.
Síntesis aditiva y sustractiva Ejemplo El fenómeno  físico de la mezcla de las tres luces básicas de colores o colores primarios para formar todos los colores se denomina  Síntesis aditiva ,  y gracias a él percibimos el mundo en colores, además por supuesto de percibir la luz blanca. Los colores verde, azul y rojo se conocen como  colores  aditivos primarios . El sistema sustractivo o  síntesis sustractiva   funciona removiendo el color de la luz blanca. Cuando todo el color ha sido removido de la luz, lo que queda es el negro.  Luego, el cían, el magenta y el amarillo son los  colores  sustractivos primarios .
Características del color ,[object Object],[object Object],[object Object]
Ejemplo
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Contrastes
Contraste por Tono o matiz Se obtiene de combinar colores puros
Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes  valores de un solo color. No existen líneas de contorno.
Contraste Frío Cálido Las sensaciones de frío y calor están íntimamente relacionadas con los elementos de la percepción del color. Se consideran colores cálidos los amarillos, rojos y anaranjados y colores fríos los azules y verdes. Las combinaciones de estos colores producen el contraste definido.
Contraste Complementario Es el que se produce al mezclar los colores complementarios. Los colores complementarios tienen igual importancia ante nuestros ojos.
Contraste Simultaneo Se combina el color gris sobre dos superficies complementarias. Sobre un color cálido, el gris tiende a tomar las características del complementario, es decir tiende a verse en una tonalidad fría. También ocurre el proceso inverso.
Contraste por Saturación Se combina el mismo color en sus diferentes niveles de saturación, utilizando toda la gama de tonos mezclados con el blanco y el negro.
Contraste por Extensión Para romper la igualdad de peso al contrastar colores complementarios, se varía la extensión de los colores, por ejemplo: en el contraste amarillo - violeta,  si queremos resaltar la importancia de éste último, aumentamos su extensión con respecto al amarillo. Igual sucede con las otras combinaciones azul - anaranjado y rojo - verde.
 
 
 
 
 
 
 
Percepción del color
Postimagen
 
Ejemplo
Color Digital 8 bits 24 bits Color en 24 Bits 256 256 256 x x = 16.7 Millones de colores 1 = 0 = Encendido Apagado
Color Digital R 185 G 132 B 234
Color en Monitores
Controlando el Color Digital ,[object Object],[object Object],[object Object]
Paletas Seguras ,[object Object],[object Object]
[object Object],[object Object],Paletas Seguras II #FFFFFF #FFFF66 #FFFF33 #FFFF0 #CCFF66 #66FFFF #66FF33 #66FF00 #33FFFF #33FFCC #33FF66 #33FF33 #00FFFF #00FFCC #00FF66 #00FF00 #FF00FF #FF0033 #FF0000 #0000FF #000033 #000000
Selección de la gama de Colores ,[object Object],[object Object],[object Object],[object Object],[object Object]
Algunos principios para el uso ,[object Object],[object Object],[object Object],del color en Web
Organización del Color ,[object Object],[object Object]
Economía del Color ,[object Object],[object Object]
Comunicación del Color ,[object Object],[object Object]
Comunicación del Color II ,[object Object]
Comunicación del Color III ,[object Object],[object Object]
Conclusiones ,[object Object],[object Object],[object Object],[object Object]
Conclusiones ,[object Object],[object Object]
Preguntas

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Propiedades del color
Propiedades del colorPropiedades del color
Propiedades del color
 
El color.1º eso
El color.1º esoEl color.1º eso
El color.1º eso
 
El lenguaje Visual_3 eso
El lenguaje Visual_3 esoEl lenguaje Visual_3 eso
El lenguaje Visual_3 eso
 
la expresividad del color.
la expresividad del color.la expresividad del color.
la expresividad del color.
 
2 -teoria del color
2 -teoria del color2 -teoria del color
2 -teoria del color
 
Propiedades del color
Propiedades del colorPropiedades del color
Propiedades del color
 
Armoníasde color
Armoníasde colorArmoníasde color
Armoníasde color
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
Atributos del color
Atributos del colorAtributos del color
Atributos del color
 
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
PechaKucha: Expresividad del color. Relatividad. Códigos e interpretaciones. ...
 
Propiedades del color
Propiedades del colorPropiedades del color
Propiedades del color
 
Teoria Del Color
Teoria Del ColorTeoria Del Color
Teoria Del Color
 
El lenguaje visual
El lenguaje visualEl lenguaje visual
El lenguaje visual
 
El color
El colorEl color
El color
 
Propiedades de color
Propiedades de colorPropiedades de color
Propiedades de color
 
Color
Color Color
Color
 
Ud1 comunicación y lenguaje visual visual
Ud1  comunicación y lenguaje visual visualUd1  comunicación y lenguaje visual visual
Ud1 comunicación y lenguaje visual visual
 
El color
El colorEl color
El color
 
El color
El colorEl color
El color
 
Propiedades y Tipología del Color
Propiedades y Tipología del ColorPropiedades y Tipología del Color
Propiedades y Tipología del Color
 

Destaque

Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerJosé Ma. Medina
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolKoombea
 
Identidad, interfaz y usuario
Identidad, interfaz y usuarioIdentidad, interfaz y usuario
Identidad, interfaz y usuarioLorena Hevia
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOSIzaskun Saez
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadAdriana Tienda
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"ogms
 
Uso del color en el diseño web
Uso del color en el diseño webUso del color en el diseño web
Uso del color en el diseño webCyberIntellix
 
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacciónClase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacciónDaniel Carranza
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visualderrislema
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UIAndrea Cantú
 
El color. Caracteristicas generales
El color. Caracteristicas generalesEl color. Caracteristicas generales
El color. Caracteristicas generalesLucía Alvarez
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicasespanol
 

Destaque (16)

Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
 
UX Creando Experiencias
UX Creando ExperienciasUX Creando Experiencias
UX Creando Experiencias
 
Identidad, interfaz y usuario
Identidad, interfaz y usuarioIdentidad, interfaz y usuario
Identidad, interfaz y usuario
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOS
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
 
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno WebLa Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
 
Color en diseño web
Color en diseño webColor en diseño web
Color en diseño web
 
Uso del color en el diseño web
Uso del color en el diseño webUso del color en el diseño web
Uso del color en el diseño web
 
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacciónClase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
El color. Caracteristicas generales
El color. Caracteristicas generalesEl color. Caracteristicas generales
El color. Caracteristicas generales
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicas
 

Semelhante a Presentación Teoria Del Color

Semelhante a Presentación Teoria Del Color (20)

Teoría del color!
Teoría del color!Teoría del color!
Teoría del color!
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
Colores 1!!
Colores 1!!Colores 1!!
Colores 1!!
 
Colores!!
Colores!!Colores!!
Colores!!
 
Eduardo
EduardoEduardo
Eduardo
 
LA TEORIA DEL COLOR
LA TEORIA DEL COLORLA TEORIA DEL COLOR
LA TEORIA DEL COLOR
 
Toradelcolor 100525172237-phpapp01
Toradelcolor 100525172237-phpapp01Toradelcolor 100525172237-phpapp01
Toradelcolor 100525172237-phpapp01
 
Técnicas de representación.
Técnicas de representación.Técnicas de representación.
Técnicas de representación.
 
Técnicas de representación.
Técnicas de representación.Técnicas de representación.
Técnicas de representación.
 
Presentación de Rechael Rodriguez
Presentación de Rechael RodriguezPresentación de Rechael Rodriguez
Presentación de Rechael Rodriguez
 
Teoría del color
Teoría del colorTeoría del color
Teoría del color
 
El color
El colorEl color
El color
 
El color warhol
El color warholEl color warhol
El color warhol
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
Teoria de color Fernando
Teoria de color FernandoTeoria de color Fernando
Teoria de color Fernando
 
Teoria del color paola ropero
Teoria del color paola roperoTeoria del color paola ropero
Teoria del color paola ropero
 
la Teoría del Color -Cetis 109
 la Teoría del Color -Cetis 109 la Teoría del Color -Cetis 109
la Teoría del Color -Cetis 109
 
ARMONIA DE LOS COLORES
ARMONIA DE LOS COLORESARMONIA DE LOS COLORES
ARMONIA DE LOS COLORES
 
Teoria+del+color
Teoria+del+colorTeoria+del+color
Teoria+del+color
 

Último

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 

Último (11)

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 

Presentación Teoria Del Color

  • 1.  
  • 2.
  • 3. Color “ El color es un fenómeno combinado, físico y psicológico, producido por la compleja interacción de la luz, la forma en que afectan las longitudes de onda a determinados objetos, las superficies de éstos y la respuesta del ojo humano.” Tomado de: KODAK. Enciclopedia práctica de la Fotografía. Tomo 2. Teoría del Color. Pág. 568.
  • 4. El espectro de la Luz El Espectro visible o de la luz blanca se define como la descomposición de la luz en sus diferentes longitudes de onda, desplegando ante nuestros ojos los principales colores que la conforman: rojo; anaranjado; amarillo; verde; verde- azulado; azul y violeta.
  • 6. Colores primarios en pigmentos
  • 8. Colores secundarios PAPEL CIAN VERDE AZUL ROJO
  • 9. Colores secundarios PAPEL MAGENTA VERDE AZUL ROJO
  • 10. Colores secundarios PAPEL AMARILLO VERDE AZUL ROJO
  • 11. Círculos Cromáticos Del Espectro De los Pigmentos Los colores primarios y los colores secundarios forman el círculo cromático del espectro de la luz visible (azul, rojo, verde, cían, magenta y amarillo). Es una herramienta que permite representar los colores sólidos primarios, secundarios y complentarios.
  • 12. Síntesis aditiva y sustractiva Ejemplo El fenómeno físico de la mezcla de las tres luces básicas de colores o colores primarios para formar todos los colores se denomina Síntesis aditiva , y gracias a él percibimos el mundo en colores, además por supuesto de percibir la luz blanca. Los colores verde, azul y rojo se conocen como colores aditivos primarios . El sistema sustractivo o síntesis sustractiva funciona removiendo el color de la luz blanca. Cuando todo el color ha sido removido de la luz, lo que queda es el negro. Luego, el cían, el magenta y el amarillo son los colores sustractivos primarios .
  • 13.
  • 15.
  • 16. Contraste por Tono o matiz Se obtiene de combinar colores puros
  • 17. Contraste Claro-Oscuro Distribución de luces y sombras, cuando los tonos de los colores se traducen en diferentes valores de un solo color. No existen líneas de contorno.
  • 18. Contraste Frío Cálido Las sensaciones de frío y calor están íntimamente relacionadas con los elementos de la percepción del color. Se consideran colores cálidos los amarillos, rojos y anaranjados y colores fríos los azules y verdes. Las combinaciones de estos colores producen el contraste definido.
  • 19. Contraste Complementario Es el que se produce al mezclar los colores complementarios. Los colores complementarios tienen igual importancia ante nuestros ojos.
  • 20. Contraste Simultaneo Se combina el color gris sobre dos superficies complementarias. Sobre un color cálido, el gris tiende a tomar las características del complementario, es decir tiende a verse en una tonalidad fría. También ocurre el proceso inverso.
  • 21. Contraste por Saturación Se combina el mismo color en sus diferentes niveles de saturación, utilizando toda la gama de tonos mezclados con el blanco y el negro.
  • 22. Contraste por Extensión Para romper la igualdad de peso al contrastar colores complementarios, se varía la extensión de los colores, por ejemplo: en el contraste amarillo - violeta, si queremos resaltar la importancia de éste último, aumentamos su extensión con respecto al amarillo. Igual sucede con las otras combinaciones azul - anaranjado y rojo - verde.
  • 23.  
  • 24.  
  • 25.  
  • 26.  
  • 27.  
  • 28.  
  • 29.  
  • 32.  
  • 34. Color Digital 8 bits 24 bits Color en 24 Bits 256 256 256 x x = 16.7 Millones de colores 1 = 0 = Encendido Apagado
  • 35. Color Digital R 185 G 132 B 234
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.