Download - Presentación Teoria Del Color
![Page 1: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/1.jpg)
![Page 2: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/2.jpg)
Teoría del Color
• Definición del Color• Colores Primarios • Síntesis aditiva y sustractiva del color• Características del color• Contrastes• Percepción del Color• Color Digital• Selección de la Gama de Colores• Principios para el uso del Color en web• Conclusiones
![Page 3: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/3.jpg)
“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.
Color
![Page 4: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/4.jpg)
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.
![Page 5: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/5.jpg)
Nuestro Ojo
![Page 6: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/6.jpg)
Colores primarios en pigmentos
![Page 7: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/7.jpg)
Colores primarios espectrales
![Page 8: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/8.jpg)
PAPELCIAN
VERDE AZUL ROJO
Colores secundarios
![Page 9: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/9.jpg)
PAPELMAGENTA
VERDE AZUL ROJO
Colores secundarios
![Page 10: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/10.jpg)
PAPELAMARILLO
VERDE AZUL ROJO
Colores secundarios
![Page 11: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/11.jpg)
Del Espectro De los Pigmentos
Círculos Cromáticos
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.
![Page 12: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/12.jpg)
Ejemplo
Síntesis aditiva y sustractivaEl 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.
![Page 13: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/13.jpg)
Características del color
• Saturación (Saturation) Conocido como croma, es la pureza del color. La saturación se disminuye añadiendo blanco al color. Por esta razón podemos también definir la saturación cómo la cantidad de blanco que posee un color.
• Valor(value) También conocido como luminosidad. Es la capacidad que posee el color de reflejar la luz que incide en él. La luminosidad varía añadiendo negro al color.
• Tono (Hue) Conocido como matiz. Es el color del color, es decir el color correspondiente a la longitud de onda en el espectro.
![Page 14: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/14.jpg)
Ejemplo
![Page 15: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/15.jpg)
• Tono o Matiz
• Claro Oscuro
• Frío Cálido
• Complementarios
• Simultaneo
• Por saturación
• Por extensión
Contrastes
![Page 16: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/16.jpg)
Contraste por Tono o matiz
Se obtiene de combinar colores puros
![Page 17: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/17.jpg)
Contraste Claro-OscuroDistribució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.
![Page 18: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/18.jpg)
Contraste Frío CálidoLas 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.
![Page 19: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/19.jpg)
Contraste Complementario
Es el que se produce al mezclar los colores complementarios. Los colores complementarios tienen igual importancia ante nuestros ojos.
![Page 20: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/20.jpg)
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.
![Page 21: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/21.jpg)
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.
![Page 22: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/22.jpg)
Contraste por ExtensiónPara 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.
![Page 23: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/23.jpg)
![Page 24: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/24.jpg)
![Page 25: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/25.jpg)
![Page 26: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/26.jpg)
![Page 27: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/27.jpg)
![Page 28: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/28.jpg)
![Page 29: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/29.jpg)
![Page 30: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/30.jpg)
Percepción del color
![Page 31: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/31.jpg)
Postimagen
![Page 32: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/32.jpg)
![Page 33: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/33.jpg)
Ejemplo
![Page 34: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/34.jpg)
Color DigitalColor en 24 Bits
256 256 256x x =
16.7 Millones de colores
1 =
0 =
Encendido
Apagado
8 bits 24 bits
![Page 35: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/35.jpg)
Color Digital
R 185G 132B 234
![Page 36: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/36.jpg)
Color en Monitores
![Page 37: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/37.jpg)
Controlando el Color Digital
Un ajuste apropiado controla la manera en que las imágenes aparecen en el monitor. No altera los valores de color de los píxeles en la imagen y no afecta el archivo de imagen.
Los ajustes de tonos y colores están interrelacionados cuando se edita el color RGB o CMYK. Una correcta reproducción de las altas luces, los tonos medios y las sombras es vital.
![Page 38: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/38.jpg)
Paletas Seguras• Paleta de Colores Windows y Mac
• Paleta de colores de Netscape Navigator
![Page 39: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/39.jpg)
• Realsafe 22 colores
• Paleta Segura 216 colores
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
![Page 40: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/40.jpg)
Selección de la gama de Colores
• Según el Tipo de Usuarios– Orientadas a público general– Público adulto– Páginas comerciales o
corporativas– Páginas informativas
![Page 41: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/41.jpg)
Algunos principios para el uso
• Organización del color.
• Economía del color.
• Comunicación del color
del color en Web
![Page 42: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/42.jpg)
Organización del Color
• El color debe emplearse para agrupar ítems relacionados
• Consistencia al agrupar objetos del mismo color
![Page 43: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/43.jpg)
Economía del Color
• Cuando el significado tiene que ser recordado, se debe usar 5 + / - 2 colores.
• Cuando se desea transmitir información, se recomienda hacerlo en blanco y negro; luego usar color sólo para resaltar items importantes.
![Page 44: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/44.jpg)
Comunicación del Color
• Usar contrastes por tono, valor o saturación: para centrar la atención del usuario.
• Se debe tener especial cuidado al utilizar colores altamente luminosos. Recordemos el brillo emitido por los monitores.
![Page 45: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/45.jpg)
Comunicación del Color II
• Se debe evitar el uso de los colores rojo y verde para enmarcar las páginas, ya que la percepción de estos en la periferia del campo visual humano se dificulta. Los colores amarillo y azul se perciben muy bien en la periferia de la retina por lo tanto son los recomendados en estas áreas.
![Page 46: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/46.jpg)
Comunicación del Color III
• Tomar en cuenta los conceptos de luminosidad y saturación al cambiar las áreas de los objetos coloreados.
• Se debe tener especial cuidado al usar combinaciones: rojo/verde; azul/amarillo; verde/azul y rojo/azul; pueden ser usadas si se quiere causar un efecto especial sobre los usuarios, de los contrario pueden ocasionar sombras, ilusiones y posimágenes.
![Page 47: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/47.jpg)
Conclusiones
• Desde el punto de vista estético la percepción del color es definitivamente un fenómeno subjetivo.
• Es recomendable adecuar la gama de colores al tipo de contenido y al usuario.
• Se sugiere el uso de la paleta segura de 216 colores
• El color debe emplearse para agrupar items relacionados
![Page 48: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/48.jpg)
Conclusiones
• Para trasmitir información el conjunto de fondo muy claro, sin imágenes o fondos con texto en negro o gris oscuro sigue siendo el mas recomendable, usando color sólo para resaltar items importantes.
• Evitar el uso de combinaciones de colores que puedan causar efectos fisiológicos adversos.
![Page 49: Presentación Teoria Del Color](https://reader036.vdocuments.co/reader036/viewer/2022062419/557b353ad8b42adc608b49fb/html5/thumbnails/49.jpg)
Preguntas