Pixeles y Teoria Del Color

5/16/2018 Pixeles y Teoria Del Color - slidepdf.com

http://slidepdf.com/reader/full/pixeles-y-teoria-del-color 1/26

MATERIA

DISEÑO POR COMPUTADORA

TEMA

TEORIA DEL COLOR Y PIXELES

CARRERA

LIC. EN CIENCIAS DE LA COMPUTACION

ALUMNO

SANDRA VERONICA SANCHEZ ROMERO

DOCENTE

ING. CARLOS HERCULES

FECHA

MIERCOLES 18 DE ABRIL DE 2012



Teoría del colorEl mundo es de colores, donde hay luz, hay color. La percepción de la forma,

profundidad o claroscuro está estrechamente ligada a la percepción de los

colores.

El color es un atributo que percibimos de los objetos cuando hay luz. La luz

es constituida por ondas electromagnéticas que se propagan a unos 300.000

kilómetros por segundo. Esto significa que nuestros ojos reaccionan a laincidencia de la energía y no a la materia en sí.

Las ondas forman, según su longitud de onda, distintos tipos de luz, como

infrarroja, visible, ultravioleta o blanca. Las ondas visibles son aquellas cuya

longitud de onda está comprendida entre los 380 y 770 nanómetros.

Los objetos devuelven la luz que no absorben hacia su entorno. Nuestro

campo visual interpreta estas radiaciones electromagnéticas que el entornoemite o refleja, como la palabra "COLOR".

PROPIEDADES DEL COLOR

TONO.

Definimos tono como la propia cualidad que tiene un color. Tonos son todos

los colores del círculo cromático, primarios, secundarios e intermedios.



Podemos decir que cuando se va a la izquierda o a la derecha en el círculo

cromático se produce un cambio de tono.

El círculo cromático.

El círculo cromático nos sirve para observar la organización básica y la

interrelación de los colores.

Los colores primarios son: el rojo, el azul y el amarillo.Los colores secundarios son: el verde, el violeta y el naranja.

Los colores terciarios son: el rojo violáceo rojo anaranjado, amarillo

anaranjado, amarillo verdoso, azul verdoso y azul violáceo.

Los colores secundarios se obtienen al mezclar partes iguales de dosprimarios; los colores terciarios se consiguen al mezclar partes iguales de

un color primario y de un secundario adyacente. Los primarios son colores

que se consideran absolutos y que no pueden crearse mediante la mezcla de



otros colores. Sin embargo, mezclar lo primarios en diversas combinaciones

crea un número infinito de colores

Los 3 colores primarios representan los 3 matices primarios, y mezclando

estos podemos obtener los demás matices o colores. Dos colores son

complementarios cuando están uno frente a otro en el círculo de matices

(círculo cromático).

Los diferentes tonos que vemos no aparecen en círculo. Están colocados entiras disponiendo los secundarios e intermedios correspondientes entre

cada par de primarios.

AMA AM-VD VD-AM VERDE VD-AZ AZ-VD AZUL

AZUL AZ-VIO VIO-AZ VIOLETA VIO-RJ RJ-VIO ROJO

ROJO RJ-NJ NJ-RJ NAJA NJ-AM AM-NJ AMA



VALOR.

Cuando a cada uno de los colores o tonos del círculo cromático losmezclamos con blanco para ganar luminosidad o con el negro para

oscurecerlo, lo que estamos realizando es un cambio de valor. Para realizar

la escala de claro-oscuro, es decir, los diferentes valores de un colortenemos que tener en cuenta que no todos tienen la misma luminosidad. Si

tuviesemos que graduarla en una escala de 1 a 10, el amarillo estaría en elnúmero 9, el naranja en el 8, el rojo y el verde en el 6, el azul en el 4 y elvioleta en el 3.

ROJO NJ AMAR VERDE AZUL VIOL



SATURACION.

Cuando un color pertenece al círculo cromático se dice que está saturado,

que tiene el máximo poder de pigmentación, de coloración. Pero no siempre

nos encontramos los colores puros, sino que se suelen ver compuestos pormezclas complejas, con cantidades desiguales de colores primarios. Para

cambiar la saturación de un color hay que mezclarlo con su complementario y, así, se obtiene la escala de saturación o de grises.

ROJO VERDE

AMARILLO VIOLETA

AZUL NARANJA

Grupos de colores

Con estos conceptos en mente y tomando como base la rueda de colores

podemos definir los siguientes grupos de colores, que nos crearán buenas



combinaciones en una página web:

Colores acromáticos: aquellos situados en la zona central del círculo

cromático, próximos al centro de este, que han perdido tanta saturación que

no se aprecia en ellos el matiz original.

Colores cromáticos grises : situados cerca del centro del círculo cromático,

pero fuera de la zona de colores acromáticos, en ellos se distingue el matiz

original, aunque muy poco saturado.

Colores monocromáticos : variaciones de saturación de un mismo color

(matiz), obtenidas por desplazamiento desde un color puro hasta el centro

del círculo cromático.

Armonías de color

Los colores armónicos son aquellos que funcionan bien juntos, es decir, que

producen un esquema de color sensible al mismo sentido, esto es, la armoníanace de la percepción de los sentidos, y a la vez esta armonía retroalimenta



al sentido haciéndolo lograr el máximo equilibrio que es hacer sentir al

sentido. El círculo cromático es una valiosa herramienta para determinar

armonías de color. Los colores complementarios son aquellos que secontraponen en dicho círculo y que producen un fuerte contraste. Así, por

ejemplo, en el modelo RYB, el verde es complementario del rojo, y en elmodelo CMY, el verde es el complementario del magenta.

¿Por qué tienen color los

objetos? La mayor parte de la luz que vemos es reflejada por los objetos que nos

rodean

Reflexión selectiva: los colores cromáticos reflejan solo algunas

longitudes de onda

Reflexión no selectiva: Los objetos reflejan toda la luz por igual. Se

perciben sin matiz

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


http://1.bp.blogspot.com/_xrb89F-76oM/SxlyZGWxLMI/AAAAAAAAAE8/uaz0OwYe-9E/s320/color.jpg




La psicología del color

Los colores despiertan respuestas emocionales específicas en las personas.El factor psicológico está formado por las diferentes impresiones queemanan del ambiente creado por el color, que pueden ser de calma, de

recogimiento, de plenitud, de alegría, opresión, violencia... La psicología de

los colores fue ampliamente estudiada por

PERCEPCION DEL COLOR

El mundo material es incoloro. La materia posee la característica deabsorber determinadas partes del espectro lumínico. La luz que no es

absorbida es remitida y transmite estímulos de color diferentes al de la

ambientación general, al llegar estos estímulos espectrales distintos hastael órgano de la vista es cuando nos produce una sensación de color.

Consideramos el poder de absorción del material como el color propio de su

http://2.bp.blogspot.com/_wbytmy1bcz4/TPI2xIbVsfI/AAAAAAAAAOw/zIA6RiRgT70/s1600/Dibujo5.bmp



cuerpo, y la composición espectral de un haz de luz como su color luminoso.

Aunque la absorción sólo es una cualidad latente y los rayos de luz sólo son

sus transmisores de información. El color sólo es sensación de color,producto del órgano de la vista.

Los tres colores primarios.- El ojo cuenta con tres tipos de células visuales,

que rigen tres tipos diferentes de sensaciones, correspondientes a loscolores primarios azul (azul violáceo), verde y rojo (rojo anaranjado). A

partir de ellos se forma para cada sensación de color un código de tres

partes.

A los tres componentes del órgano de la vista le corresponden ocho colores

elementales, dos acromáticos (blanco y negro) y seis colores elementales

cromáticos (amarillo, magenta, cyan, azul, violeta, verde y rojo naranja). Losocho colores elementales son las ocho posibilidades indivisas de variación

que resultan de los tres colores primarios. Representan las sensaciones decolor extremas que el órgano de la vista es capaz de producir.



Colores cálidos

El ardiente remite al rojo de máxima saturación en el círculo cromático; es

el rojo en su estado más intenso.

Los colores ardientes se proyectan hacia fuera y atraen la atención. Poresta razón, a menudo se usa el rojo en letreros y el diseño gráfico. Los

colores ardientes son fuertes y agresivos, y parecen vibrar dentro de su

espacio propio. El poder de los colores ardientes afecta a la gente de

muchas maneras, tales como el aumento de la presión sanguínea y laestimulación del sistema nervioso.

Colores fríos

El frio remite al azul en su máxima saturación. En su estado más brillante esdominante y fuerte. Los colores fríos nos recuerdan el hielo y la nieve. Los

sentimientos generados por los colores fríos azul, verde y verde azulado son

opuestos a los generados por los colores ardientes; el azul frio aminora elmetabolismo y aumenta nuestra sensación de calma.

http://2.bp.blogspot.com/-mFkTb6xcHjI/T2ZicKV8oDI/AAAAAAAAAKY/STAlsWSM7JQ/s1600/grafica.bmp



Colores Claros

Los colores claros son los pasteles más pálidos.Toman su claridad de una ausencia de color visible

en su composición, son casi transparentes. Cuandola claridad aumenta, las variaciones entre los

distintos

Tonos disminuyen.

Los colores claros descubren los alrededores y sugieren liviandad, descanso,

suavidad y fluidez. Se parecen a las cortinas transparentes de una ventana,

y envían un mensaje de distensión. Son el color marfil, rosa, celeste, beige.

Colores oscuros

Los colores oscuros son tonos que contienen negroen su composición. Encierran el espacio y lo hacen

parecer más pequeño. Los colores oscuros sonconcentrados y serios en su efecto. En cuanto a lasestaciones, sugieren el otoño y el invierno.

Combinar juntos los claros y los oscuros es una

manera común y dramática de representar los opuestos de la naturaleza,tales como el día y la noche.

Colores brillantes

La claridad de los colores brillantes se logra por la omisión del gris o el

negro. Los colores azules, rojos, amarillos y naranjas son colores de brillopleno. Los colores brillantes son vívidos y atraen la atención. Un bus escolaramarillo, un racimo de globos de colores, el rojo de la nariz de un payaso

http://3.bp.blogspot.com/-MojmJgsCMa4/T2ZpBVY-yvI/AAAAAAAAAKo/Qd17KIGxTXw/s1600/grafica.bmp

http://3.bp.blogspot.com/-9MK8b14iPzg/T2ZoWP7-1II/AAAAAAAAAKg/gSgh7PGeC3U/s1600/grafica.bmp

http://3.bp.blogspot.com/-MojmJgsCMa4/T2ZpBVY-yvI/AAAAAAAAAKo/Qd17KIGxTXw/s1600/grafica.bmp

http://3.bp.blogspot.com/-9MK8b14iPzg/T2ZoWP7-1II/AAAAAAAAAKg/gSgh7PGeC3U/s1600/grafica.bmp



nunca pasan inadvertidos. Estimulantes y alegres, los colores brillantes son

colores perfectos para ser utilizados en envases, moda y publicidad.

COLORES RECOMENDADOSPARA REALIZAR UNA PAGINA

WEB

La combinación de colores es fundamental al momento del diseño, ya que va

a tener una influencia realmente grande en cómo lo perciban los usuarios y

la sensación que les quede después de verlo.

Es arriesgado establecer una norma estricta, ya que 6 colores simultáneos

en una página pueden ser demasiados si existe un gran contraste entreellos, pero pueden conformar una combinación agradable si la relación entrelos mismos es adecuada..

Como norma inicial puede asegurarse que siempre es mejor pocoscolores mejor que muchos. Como mínimo, el riesgo de estridencias es

menor. Como siguiente norma se puede afirmar que 3 colores en una misma

página sería lo mínimo a utilizar y, en la mayoría de casos, debiera ser

suficiente. Con menos de 3, las posibilidades de que la página seaanodina y aburrida son muy grandes.

o Color Primario: es el tono básico de la página, el que la define, y

el que ocupa la gran mayoría de la misma. Sería el color delatributo "background" de la página.

o Color Secundario: es el segundo tono predominante en la

página, aunque en mucha menor medida que el primario.Normalmente debe acotar o resaltar áreas y debe ser

bastante próximo en tono al primario.

o Color Destacado: es el color que se utiliza para resaltaraspectos concretos de la página. Por definición debe



contrastar mucho con los colores primario y secundario y, por

tanto, debe utilizarse con moderación. Puede utilizarse el

Complementario o el Complementario Escindido del colorprimario de la página.

Según su posición relativa en el Círculo Estándar de Color, los colores

pueden ser:

Colores Análogos: Para un determinado color, sus colores análogos son

aquellos que se encuentran a ambos lados del mismo en el círculo de color.

Por ejemplo los análogos del naranja serían el rojo y el amarillo. En un

sentido más específico, los análogos del rojo "red", serían rojo violáceo "crimson" y rojo anaranjado "orangered".

Usados juntos producen sensación de armonía. Suele ser una buena idea

usar colores complementarios como primario y secundario de una páginaweb.

Colores Complementarios: Son aquellos que se encuentran opuestos en el

círculo de color (por ejemplo el amarillo y el violeta o naranja y azul).Usados juntos producen un gran contraste destacando mucho uno sobre el

otro. Su efecto puede ser llamativo y hasta agresivo.

Dos colores complementarios serían por ejemplo el rojo violáceo "crimson" yel turquesa "turquoise"

http://www.webusable.com/coloursMix.htm




Suele funcionar muy bien usar el color complementario del primario de una

página como color destacado. También suele ser una buena alternativa

utilizar el color complementario del secundario.

Colores Monocromáticos: Son aquellos que se encuentran aislados, sin

presencia de otros colores. Usados producen sensación de unidad,

homogeneidad y robustez. Se puede evitar la monotonía utilizándolos condiferente luminosidad (más clara y más oscura).

Colores Complementarios Adyacentes: Para un color, sus complementarios

adyacentes son los colores análogos de su color complementario.Tres colores complementarios adyacentes del rojo "red" serían por ejemploel verde primavera "springgreen" y el azul cielo "skyblue".

El uso de de un color y sus complementarios adyacentes aporta un alto nivel

de contraste, sin llegar al extremo cuando se usa directamente sucomplementario. También suele ser mayor la sensación de armonía que

usando el complementario directo.



Tríada de Colores: Tres colores constituyen una Tríada cuando sus tonos

son equidistantes en el Círculo Estándar de Color.

Un ejemplo de tríada lo constituirían el amarillo "yellow" junto al turquesa

"turquoise" y al violeta "violet".

Utilizar un esquema de color en tríada suele ser una buena solución cuandose desea un diseño colorido, ya que la mezcla estará bien balanceada. Si el

conjunto resulta demasiado colorido para lo que necesitamos, siempre se

pueden apagar un poco los colores disminuyendo su luminosidad o susaturación (o ambas).

Esquema Cromático Monotono: Un esquema de color monotono loconstituyen un único tono de color junto a sus posibles variaciones en

términos de tintes, luminosidad y saturación.



Suele ser una buena solución si se desea un diseño robusto y homogéneopero con las diferenciaciones y resaltes necesarios. En el caso probable de

sensación de monotonía, siempre es una buena solución introducir negro yblanco.

Esquema Acromático Monotono: Un esquema de color acromático monotono

es un caso particular del esquema de color monotono constituido sólo porcolores neutros dentro de la gama del negro al blanco.

Hay múltiples tipos de disfunciones en la visualización de los colores, como

describimos en nuestra página de los colores. Sin embargo a efectos deaccesibilidad sólo necesitamos preocuparnos de los daltónicos, grupo que

constituye la inmensa mayoría de los que sufren alteraciones en la

percepción del color.

Pensando en ellos, deberemos tratar de evitar siempre las combinaciones de

texto en cualquiera de las variedades del verde sobre fondos rojizos, áreas

con motivos en este color predominante, etc., y biceversa. Independiente dela luminosidad o saturación de los colores.

http://www.webusable.com/colours.htm#disfunciones

http://www.webusable.com/colours.htm

http://www.webusable.com/rec_access.htm



http://www.webusable.com/rec_access.htm

http://www.webusable.com/colours.htm

http://www.webusable.com/colours.htm#disfunciones



TOMAR EN CUENTA EL SIGNIFICADO

DE LOS COLORES A LA HORA DE

CREAR UNA PAGINA WEB

Rojo: Despierta las reacciones emocionales más fuertes, tanto positivas

como negativas. Sugiere sentimientos de amor, pasión, excitación y fuerza,así como de ira, velocidad y peligro. El rojo también se asocia

frecuentemente con las ofertas.

Azul: Inspira sentimientos de pertenencia y confianza, fiabilidad, calma,

paz, tranquilidad, seguridad, fidelidad y dignidad. El azul es, por mucho, el

color "favorito" más común, y se asocia frecuentemente con una alta

calidad.

Amarillo: Se lo relaciona frecuentemente con calidez, sol y felicidad. Sin

embargo, el amarillo puede ocasionar cansancio visual y por ello debe serusado en poca cantidad.

Anaranjado: Crea un sentimiento de alegría, placer y calidez y se lo percibecomo vibrante y ambicioso.

Verde: Dependiendo del matiz puede sugerir naturaleza, salud, frescura,

crecimiento, abundancia, dinero y libertad. Es el más relajante para los ojos.

Violeta: Es el color de la realeza, la espiritualidad, la dignidad, la

sofisticación, y se puede percibir como lujoso.

Rosa: Es blando, dulce y femenino, y puede despertar sentimientos de ser



nutrido o mimado.

Blanco: Se lo ve como puro, inocente, limpio, joven y suave.

Negro: Habitualmente representa sofisticación, elegancia, autoridad ypoder. Se lo puede percibir como seductor, misterioso o serio.

Gris: Es autoritario, práctico y creativo. El gris oscuro inspira una sensación

de solidez y confiabilidad.

Marrón: Es rústico, sólido, confiable, opulento, efectivo y masculino.

Dorado: Implica prestigio y dinero, igual que el plateado, aunque este último

también se ve como frío y científico.



PixelesEn el mundo de la tecnología damos por aceptado el conocimiento de ciertas

palabras dentro de ellas la palabra pixel.

Todos asociamos este término a las cámaras digitales o a la resolución de las

imágenes o como severa después de hechas.

La palabra pixel proviene de la expresión inglesa picture element que se

traduce como elemento de imagen y es la menor unidad en la que se

descompone una imagen digital.

La mejor forma de comprender que es un pixel es viendo en qué consisten

valor hash (letras y números) estos cuadrados son los pixeles que forman la

imagen digital de esta forma las imágenes se configuran como una matriz

rectangular en pixeles. Donde cada uno de ellos forman un punto mínimo la

unidad mínima que tiene la imagen bit.

La imagen completa es por lo tanto el bloque unido de miles de pixeles de

luminosidad nominado mapa de bits. cada pixel de imagen almacena la

información del tono y esta información se almacena en forma binaria de

ceros y unos.

La profundidad de color de una imagen se refiere al número de tono de un

color que puede tener cada uno de los pixeles que conforman una imagen

digital.

1 bit por pixel: 2 1 = 2 colores, también llamado monocromo .



2 bits por pixel 2 2 = 4 colores, o CGA.

4 bits por pixel: 24= 16 colores, la cual es la mínima profundidad

aceptada por el estándar EGA.

8 bits por pixel: 2 8 = 256 colores, también llamado VGA.

16 bit por pixel 216=65.536 colores por pixel es 16bit

24 bit por pixel 224= 16777216 colores (true color)

32 bits agrega 256 de alpa .

Para la aplicación de los pixeles según la psicología la percepción es el

proceso mediante el cual los órganos internos interpretan y organizanlas sensaciones. O estímulos de los receptores sensoriales y si en la

teoría de pixel cada uno de estos está compuesto por 3 puntos.

1. Uno rojo.2. Otro azul

3. Un verde

Y cada uno de estos coincide en el mismo punto.

O estímulos de los censores sensoriales en este caso es el sentido dela vista para que esto funcione existen 2 constantes de percepción.

1. Es la constante de claridad: significa que nuestra percepción dela claridad o oscuridad de un objeto permanece constante a pesar

de los cambios en la iluminación.2. Constante de color: significa que nuestra percepción del color de

un objeto es el mismo a pesar de los cambios en la iluminación.

Percepción de profundidad

Utilizamos dos tipos de indicadores para calcular la distancia y percibirla profundidad:

Indicadores binoculares: son los más exactos porque dependen dela visión de ambos ojos:



o Disparidad retiniana

Permite calcular la profundidad.

Como los ojos están separados entre sí unos 6 o 7 centímetros, cada

ojo tiene una visión del mundo ligeramente diferente del otro.

)

La fusión de ambas imágenes crea la percepción de profundidad.

Si solo se ven objetos lisos y en un plano no hay disparidad retiniana.

Cuando no se produce la fusión de ambas imágenes (debido a la fatiga,a una intoxicación o a la debilidad de los músculos de los ojos) se

produce el fenómeno de "ver doble" (visión de cada ojo por separado).

o Convergencia visual

Permite calcular la distancia.

La mirada de cada ojo tiende a converger sobre el mismo punto. Si no

fuera así, veríamos doble.

http://centros5.pntic.mec.es/ies.arquitecto.peridis/percep/disparidad.html


http://centros5.pntic.mec.es/ies.arquitecto.peridis/percep/convergencia.html






Las direcciones de la mirada

de cada ojo forman un ángulomayor cuanto más cerca estéel objeto.

En el infinito las direccionesson paralelas y el ángulo

cero.

Indicadores monoculares: dependen de la visión de un solo ojo.Permiten que las personas que son ciegas de uno de los ojos puedan

realizar actividades que requieren el cálculo de la distancia: jugar altenis, pilotar un avión, conducir un vehículo, etc:

o Paralaje del movimiento Cuando el observador está en movimiento (en coche o en tren), la

posición de los objetos cambia de acuerdo con sus profundidades

relativas.

Los objetos que están más cercanos al punto que enfoca elobservador se mueven en dirección opuesta a su propio movimiento,

mientras que los objetos que están situados más lejos se mueven en la

misma dirección.

Además, cuanto más cercano está un objeto cambia más rápidamentesu dirección respecto del observador.

http://centros5.pntic.mec.es/ies.arquitecto.peridis/percep/paralaje.html





El paralaje delmovimientocomo indicadorde la distancia y

la profundidad.

Los objetos

cercanos (B)cambian mucho

al moverse elobservador,

mientras que los

objetos lejanos(A) cambianpoco de

dirección.

El cambio de la dirección angular de las imágenes de dos o más objetos

respectivamente entre sí (C) puede ser también un indicio de laprofundidad.

o Interposición

Cuando un objeto está delante y entorpeciendo parcialmente la visión de

otro, es evidente que el objeto que está delante está más cerca,produciéndose una clara impresión de profundidad.

Este indicador es tan fuerte que puede producir ilusiones como la siguiente:

http://centros5.pntic.mec.es/ies.arquitecto.peridis/percep/interpos.html





o Gradiente de textura

Cuando observamos la textura de una superficie, los elementos más

cercanos parecen estar más espaciados, aumentando su densidad conla distancia.

En la fotografía de esta playa podemos observar como la proyecciónde las piedras es poco densa en la parte inferior mientras que en la

parte superior la densidad ha aumentado considerablemente.

o Sombreado e iluminación

La combinación de luces y sombras produce la percepción del tamaño y la

distancia de un objeto.

o Perspectiva

Perspectiva lineal:

Dos líneas que sabemos que son paralelas parecen converger en un punto( punto de fuga ) que está a una determinada distancia del observador.

Perspectiva de tamaño:

Objetos de igual tamaño, adistancias distintas, proyectan

imágenes cuyos ángulos visuales soninversamente proporcionales a sus

http://centros5.pntic.mec.es/ies.arquitecto.peridis/percep/gradiente.htm


http://centros5.pntic.mec.es/ies.arquitecto.peridis/percep/sombreado.html


http://centros5.pntic.mec.es/ies.arquitecto.peridis/percep/perspectiva.html







distancias.

Perspectiva del detalle:

Pérdida de la visibilidad de lospormenores de los objetos con ladistancia.

Perspectiva aérea:

Los objetos distantes tienden a

volverse de un tono azulado a causade las impurezas de la atmósfera.

o El tamaño acostumbrado

Cuando estamos familiarizados con el tamaño de un objeto, nuestra

memoria de su tamaño habitual nos sirve de indicador para estimar sudistancia.Los objetos cercanos parecen más grandes porque proyectan una

imagen más grande en la retina.

http://centros5.pntic.mec.es/ies.arquitecto.peridis/percep/tamacos.html



Pixeles y Teoria Del Color

Documents

Transcript of Pixeles y Teoria Del Color