Colores Web

20
COLORES en la web María José Villaba

description

Presentación de Colores Web. Por Majo Villalba.

Transcript of Colores Web

COLORESen la web

María José Villaba

COLOR?¿qué es el

El Color es la impresión producida al incidir en la retina los rayos luminosos difundidos o reflejados por

los cuerpos.

SÍNTESIS ADITIVAColor de la luz

Los colores producidos por luces (en el monitor de nuestro ordenador, en el cine, televisión, etc.) tienen como colores primarios, al rojo, el verde y el azul (RGB) cuya fusión de estos, crean y componen la luz blanca, por eso a esta mezcla se le denomina, síntesis aditiva y las mezclas parciales de estas luces dan origen a la mayoría de los colores del espectro visible.

SÍNTESIS SUSTRACTIVAColor de pigmento

Son colores basados en la luz reflejada de los pigmentos aplicados a las superficies. Formado por los colores magenta, cyan y amarillo. La mezcla de los tres colores primarios pigmento produce el negro, por lo cual esta mezcla es conocida como síntesis sustractiva.Los procedimientos de imprenta para imprimir en color, conocidas como tricomía y cuatricomía se basan en la síntesis sustractiva.

COLORCualidades del

1- TONO - MATIZ - Es la longitud de onda dominante del color que vemos, es el color en ‘estado puro’. Habitualmente se utiliza el círculo cromático para representar todos los tonos.

COLORCualidades del

2- SATURACIÓNLa saturación define la intensidad o grado de pureza de cada color. Sus valores se mueven desde su máximo, cualquier color puro, hasta su mínimo que correspondería a un tono de gris.

COLORCualidades del

2- LUMINOSIDAD - BRILLO - VALOREs la claridad u oscuridad de un color. Un color al 100% de saturación tendrá su máxima pureza con un 100% de luminosidad, y con una luminosidad del 0% será negro absoluto. Y por el contrario, cualquier color al 0% de saturación corresponderá a un tono concreto de gris que se convertirá blanco absoluto por un valor del 100% de luminosidad y negro absoluto por un valor de luminosidad del 0%.

HSVModelo de color

El modelo HSV (del inglés Hue, Saturation, Value – Matiz, Saturación, Valor), define un modelo de color en términos de sus componentes.

En ella el matiz se representa por una región circular, el eje horizontal del triángulo denota la saturación, mientras que el eje vertical corresponde al valor del color. De este modo, un color puede ser elegido al tomar primero el matiz de una región circular, y después seleccionar la saturación y el valor del color deseados de la región triangular.

CIELABModelo de color

Los valores numéricos de Lab describen todos los colores que ve una persona con una capacidad de visión normal. Como Lab describe la apariencia del color en vez de la cantidad de colorante necesaria para que un dispositivo produzca el color, Lab se considera un modelo de color independiente de dispositivo. Los tres colores de luz percibidos, rojo, verde y azul, son medidos en el contexto de una iluminación específica y todos los demás son considerados como una combinación de color iluminación y superficie reflectante. Considera el espacio en forma uniforme y despliega tres ejes espaciales: L (luz, blanco-negro), A (rojo – verde), B (amarillo – azul).

CROMÁTICOEspectro

De toda la energía irradiada sólo una pequeña porción del espectro electromagnético puede ser vista por el ojo humano, son las longitudes de onda comprendidas en el espectro visible. Este espectro cromático es comprendido entre la luz infrarroja y la ultravioleta.

Newton demostró a partir de la refracción de la luz que todos los colores estaban integrados en el rayo de luz blanca, y los describió como los básicos: rojo, naranja, amarillo, verde, azul, añil y violeta. Cada uno de ellos corresponde a un conjunto de longitudes de onda; igualmente, diferentes colores se corresponden con longitudes de onda diferentes. Son los llamados matices espectrales.

COLORProfundidad de

La profundidad de color o bits por pixel (bpp) es un concepto de la computación gráfica que se refiere a la cantidad de bits de información necesarios para representar el color de un píxel en una imagen digital. A medida que el número de bits aumenta, el número de colores posible se convierte en un gran mapa de color. Por lo tanto, en mayores profundidades de color, el valor codifica directamente la intensidad de rojo, verde y azul para especificar un color en el modelo de color RGB. Las profundidades de color más usadas son:

• Color de 8-bits: Posee tres bits para el verde, tres para el rojo y dos para el azul ya que el ojo humano normal es menos sensible a la componente azul que al rojo o verde, por lo que se le asigna un valor menor que a los demás. El resultado es de 256 colores diferentes (8 × 8 × 4).

COLORProfundidad de

• Color de 16-bits: Utiliza 5 bits para el color rojo, 5 también para representar el azul y 6 bits para el verde. Éstos, por consiguiente, pueden combinarse para dar 65.536 colores mezclados.

• Color de 24-bits: También llamado color verdadero, puede imitar mucho más de los colores se encuentran en el mundo real, produciendo 16,8 millones de colores distintos. Usa 8 bits para representar el color rojo, 8 bits para representar el azul y 8 bits para representar de color verde. 28 = 256 niveles de cada uno de estos tres colores. Se conoce como “millones de colores” o truecolor en los computadores.

HEXADECIMALConversión de RGB a

Se parte del modelo RGB. Estos colores primarios aditivos, en HTML, están representados por tres pares hexadecimales del tipo 0xHH-HH-HH según el siguiente formato:

#RRGGBB

Valores RGB se dan generalmente en el rango de 0-255. Este número dividido por 16 nos da el primer dígito hexadecimal (entre 0 y F, donde las letras A a la F representan los números 10 y 15 ). El resto nos da el segundo dígito hexadecimal. Por ejemplo, el valor RGB 201 se divide en 12 grupos de 16, por lo tanto el primer dígito es C. Un resto de 9 nos da el número hexadecimal C9. Este proceso se repite para cada uno de los tres valores de color.

La conversión entre bases numéricas es una característica común de las calculadoras, incluyendo tanto los modelos de mano y las calculadoras del software incluido con los sistemas operativos más modernos. Herramientas basadas en la web específica para la conversión de los valores de color también están disponibles

PARA WEBColores seguros

Colores seguros para web nacen en la realidad de las limitaciones de los primeros monitores a color y debido a la falta de ancho de banda, la paleta completa de colores en pantalla se restringía sólo a 8-bits; esto quiere decir que en este entorno cada píxel sólo podía producir 256 colores diferentes.

Este conjunto de colores podría ser visualizado sin tramado en las pantallas de 256 colores y por esto se les llamó colores seguros para Web o web safe colors. Sin embargo, el número de colores seguros para Web era 216 y no 256. Esto se debe en parte porque los sistemas operativos de las computadoras se reservaban el uso restringido de entre veinte y cuarenta colores, pero también esto fue determinado porque así se permite el uso de exactamente seis tonos de cada color: rojo, verde y azul (6 × 6 × 6 = 216 colores). Estos colores se presentan como inmunes a la generación de tramados.

Sin lugar a dudas rojo es considerado el color más caliente. El rojo, a menudo asociado con el amor, es un color tan fuerte y dinámico que puede hacer que se sienta muy apasionado acerca de cualquier cosa situada cerca alrededor de este color.Este color se ve a menudo en la depuración y las promociones de ventas, ya que su intensidad crea una sensación de urgencia.A pesar de que este color intenso puede dejar sus visitantes entusiasmados y animados, siempre que ten cuidado. Demasiado rojo puede apagarlos a la vez.

El naranja es cálido y energizante, pero no tan intenso como el rojo. Naranja se siente más caliente que caliente.Lleno de energía, este color vibrante y acogedor invita a la gente a hacer algo, en vez de hacer que se sientan empujados o forzados a hacerlo con urgencia.Naranja se considera a veces agresiva, en la forma en que anima a una llamada a la acción, como comprar, suscribir, vender o seguir.

Este color nos hace pensar en algo seguro, seguro, dependiente y lleno de experiencia. El Azul crea sentimientos completamente opuestos a rojo. Azul nos tranquiliza y no debe estar preocupado por el uso excesivo.

El verde es muy refrescante y relajante, dejando a la gente con una sensación equilibrada e inspirado

Nike cambia su sitio con frecuencia, pero por lo general es oscuro con tonalidades mayoría negros y grises. El negro muestra el poder en sus productos, dando la impresión de que venden productos de calidad a los deportistas.Aunque el negro no es una parte de la rueda de colores, todavía se puede utilizar para sugerir sensación y significado. A menudo se relaciona con el poder, la elegancia, la sofisticación y profundidad.

El color amarillo brillante es un color alegre que representa las cualidades positivas de color amarillo: alegría, inteligencia, luminosidad, la energía, el optimismo y la felicidad.

Un amarillo sucio trae sobre los sentimientos negativos: precaución, la crítica, la pereza y la envidia.