Sunteți pe pagina 1din 69

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

El Color
Seleccionar el color incorrecto para el sitio de un cliente puede no ser la muerte de usted, pero podra reducir su incipiente carrera como diseador de pginas web. Seleccin de colores es no es fcil puesto que hay consideraciones de identidad, esttica y usabilidad a tener en cuenta. Y, para empeorar las cosas, la mayora de pantallas modernas pueden reproducir ms de diecisis millones de colores. Eso es un nmero infinito de combinaciones horribles de colores a esperando a suceder. Afortunadamente, no hay necesidad de ser un consultor muestrario de colores ambulante para hacer una buena seleccin de color. Una gran cantidad de conocimiento disponible desde directrices psicolgicas a las teoras de triadas y color real que ayudarn a tomar las decisiones correctas cuando se trata del color.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Psicologa del color


La psicologa del color es un campo de estudio que se dedica a analizar los efectos emocionales y de comportamiento producidos por los colores y combinaciones de colores. La psicologa del color es un gran negocio. Aunque es importante saber cmo las decisiones de color pueden afectar a las masas. Sin embargo la idea de que hay una respuesta nica, unificada respecto de los efectos psicolgicos del color es falsa. Muchas respuestas al color estn enraizadas en las experiencias personales. Tambin es interesante tener en cuenta que muchas culturas tienen asociaciones completamente diferente de la interpretacin de, los colores. Vamos a explorar entonces algunas asociaciones psicolgicas generales que la mayora de las personas en las culturas occidentales en respuesta a los colores especficos.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Asociaciones del color Aunque pueda resultar muy subjetivo siempre es til tener una comprensin de los atributos emocionales de algunos de los grupos de colores principales.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Rojo Tiene una reputacin de estimular la adrenalina y la presin arterial. Junto con esos efectos fisiolgicos, el rojo es tambin conocido por aumentar el metabolismo humano, es un color emocionante y dramtico . El rojo es tambin un color de la pasin.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Los rojos oscuros como el burdeos y el marrn, tiene una sensacin rica, indulgente, pueden resultar muy refinados. Suelen ser colores para los amantes del vino o los conocedores del buen vivir. El ms terrenal, tonos de rojo parduzco se asocian con la temporada del otoo y la cosecha.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Naranja Como el rojo, el naranja es un color muy activo y enrgico, aunque no evoca la pasin que rojo puede. En cambio, la naranja se piensa para promover la felicidad, y representa el sol, el entusiasmo y la creatividad. Debido a naranja no se presenta a menudo en la naturaleza, tiende a resaltar cuando lo vemos. Por esa razn, es de uso frecuente para los chalecos salvavidas, conos de carretera, y chalecos de caza. Tambin estimula el metabolismo y el apetito, es un buen color para la promocin de los alimentos y cocinar

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Amarillo Como el naranja, el amarillo es un color activo, y ser muy visible, es de uso frecuente para taxis y seales de precaucin. Tambin es asociado con la felicidad. Una cita annima dice respecto de las asociaciones con este color "Los bebs lloran ms en habitaciones amarillas, los maridos y las esposas pelean ms en las cocinas amarillas y las cantantes de pera hacen ms rabietas en vestuarios amarillos. An si este comentario es cierto o no, el punto es que el amarillo en exceso puede ser abrumador. El que de amarillo se viste a su belleza se atiene. A veces es asociado a la enfermedad Uso del color en diseo web
Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Verde El verde es ms comnmente asociado con la naturaleza. Es un color relajante que simboliza el crecimiento, la frescura y la esperanza. Visualmente, el verde es mucho ms suave en los ojos, y mucho menos dinmico que el amarillo, naranja o rojo. El verde es un color verstil que tambin puede representar la riqueza, la estabilidad y la educacin. Cuando el verde es brillante y esta sobre un fondo negro da una apariencia tecnolgica.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Azul El azul es a menudo citado como el color favorito universal. Tiene un atractivo universal debido a su asociacin con el cielo y el mar. En el plano sentimental, el azul simboliza la apertura, la inteligencia y la fe, y ha sido hallado tener efectos calmantes. Por otro lado, el azul tambin se ha encontrado para reducir el apetito. Esto es probablemente debido en parte a la rareza de azul en la comida real.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Azul El azul es a veces visto como un smbolo de mala suerte y problemas por la conexin es evidente en la msica blues, as como en las pinturas de Picasso del "perodo azul. Esto se debe a azul tambin transmite una sensacin de estabilidad y la claridad de propsito.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Prpura Histricamente, el color prpura se ha asociado con la realeza y el poder. El secreto detrs de prpura de prestigioso pasado tiene que ver con la dificultad de producir el colorante necesario para crear prendas de vestir de color prpura. A da de hoy, prpura sigue representando riqueza y extravagancia. El morado es ms a menudo relacionado en la naturaleza con las flores, las piedras preciosas, y el vino. Equilibra la estimulacin de rojo y los efectos calmantes de azul. Es uno de los colores menos utilizados en el diseo web. Uso del color en diseo web
Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Blanco En las culturas occidentales, el blanco es considerado como el color de la perfeccin, la luz y la pureza. Esta es la razn las sabanas blancas se utilizan en los anuncios de detergente, y la novia lleva un vestido blanco en su boda da. Curiosamente, en la cultura china, el blanco es un color asociado tradicionalmente con la muerte y el duelo. Estas diferencias culturales deben servir como un recordatorio a la investigacin de las asociaciones del color de su pblico objetivo, ya que pueden variar mucho de su propia percepcin. En el diseo, el blanco es a menudo pasado por alto porque es el color de fondo predeterminado. Sin embargo. Tratar de usar un fondo oscuro con texto en blanco, o poner un fondo blanco bloque en un lienzo de color distinto facilita llamar la atencin. Uso del color en diseo web
Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Negro Aunque el negro a menudo sufre de connotaciones negativas como la muerte y el mal, tambin puede ser un color de poder, la elegancia y fuerza, dependiendo de cmo se utiliza.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

"Cules son las tres primeras cosas que vienen a la mente cuando pienso en este color?"
Si usted trata a todas sus opciones de color de esta manera, el establecimiento de tres asociaciones de palabras para cada uno, lo ms probable es que obtendr una buena idea de cmo ese color es ampliamente percibido entre su pblico. A pesar de que la psicologa del color juega un papel en la forma en que un visitante puede ver su sitio, tenga en cuenta no hay color incorrecto a utilizar. Mientras que el razonamiento psicolgico puede ayudar a comenzar su paleta, el xito de un esquema de color depende de la colores elegidos.

armona que existe entre todos los

Para lograr esta armona, tendremos que ser conscientes de algunos otros atributos de los colores.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Temperatura del color


Un atributo que existe en toda el espectro de la teora del color es el concepto de temperatura de color. Qu color grifo da agua caliente? Qu color se asocia con hielo? Por qu? Las respuestas son obvias, y son reafirmadas tanto por la cultura y como por la naturaleza.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Colores clidos Son los colores del rojo al amarillo, como la naranja, rosa, marrn y burdeos. Debido a su asociacin con el sol y el fuego, los colores clidos representan tanto el calor y el movimiento. Cuando se coloca cerca de un color fro, un color clido tender a salir, dominar, y producir el nfasis visual

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Colores fros Son los colores de verde a azul, y pueden incluir algunos matices de violeta. El violeta es el intermediario entre el rojo y azul, por lo que una violeta mas frio es, est ms cerca al azul, mientras que un violeta rojizo puede sentirse caliente. Los colores fros son calmantes, y puede reducir la tensin. En un diseo, los colores fros tienden a disminuir, lo que los hace buenos colores para los fondos y a que no dominar los otros elementos de la pagina.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Valor cromtico La medida de la claridad u oscuridad de un color que se conoce como su valor cromtico. Aadir blanco a un color crea una tinta de ese color. Del mismo modo, una negro a un color dado.

sombra se produce mediante la adicin de

Al igual que con colores en si mismos, el valor cromtico de los colores nos puede generar un impacto en la conexin psicolgica que los usuarios tienen con el contenido.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Uno de los usos del valor cromtico podra ser para acentuar la hora del da que los clientes asocian con una empresa u organizacin. Si se est diseando un sitio web sobre la vida nocturna o conciertos, por ejemplo, probablemente se querr emplear sombras oscuras y limitar el uso de tintes de luz. Tintas tienden a estar asociados con luz, la primavera, y la infancia. Estos colores pastel se puede utilizar de manera profesional, sofisticada, para productos para adultos. Ej, hospitales. Esto se debe a que los tintes son colores suaves que proporcionan personalidad a ambientes estriles sin sorprendente, sin agitar a nadie.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Saturacin La saturacin o intensidad de un color se describe como la fuerza o la pureza de ese color. Es obvio que los colores intensos y vivos destacan. A pesar de que los colores fros tienden a retroceder, un azul intenso llamar ms la atencin que una naranja opaco. Cuando aadimos gris (negro y blanco) a un color, se vuelve opaco y apagado. Estos colores son menos interesantes o atractivos como los colores brillantes y vivos. En el lado positivo, los colores apagados ayudan a reducir la tensin, dando a las composiciones un estado de nimo meditativo, de ensueo.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Teora del color bsica


Para tomar nuestros conocimientos bsicos de color ms lejos, tendremos que tener una conexin a tierra en algunos de los conceptos ms tcnicos relacionados con el tema, tales como la cantidad de colores se forman y cmo que se pueden clasificar.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Colores luz Los colores que aparecen en la pantalla del ordenador (es decir, los colores que usaremos en nuestro sitio web diseos) se basan en un modelo de color aditivo. En un modelo de color aditivo, los colores se muestran en porcentajes de rojo, verde y azul (RGB). Si se juntan esto tres colores se obtiene la luz blanca.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Colores pigmento CMYK (cian, magenta, amarillo y negro). Las impresoras de inyeccin de tinta, las lser, y las de prensa de impresin industrial funcionan a cuatro colores todos los crear imgenes usando cian, magenta, amarillo, negro y tintas negras o tners. Este proceso utiliza un modelo de color sustractivo, mediante la combinacin de colores en este modelo de color, nos acercamos a lograr un negro grisceo.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Sin importar si usted est diseando para la impresin o la Web, las lecciones de la teora de los colores tradicionales son clave para ayudarnos a clasificar los colores y agruparlos. Los estudios de clasificacin de los colores se remontan al siglo III antes de Cristo y las obras de Aristteles. Desde entonces, muchos otros grandes artistas y los filsofos han contribuido a nuestro conocimiento de cmo trabajan los colores, por ejemplo, Isaac Newton, Johann Wolfgang von Goethe, y Johannes Itten. Las obras de estos individuos, de los siglos XVII , XVIII y XX respectivamente, constituyen la base sobre la que gran parte de nuestra comprensin de color.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Los tres tericos explicaron los colores en relacin con una rueda de color, con rojo, amarillo, y azul como los colores primarios. La rueda de colores es un esquema simple pero eficaz de presentar los conceptos y la terminologa de la teora del color. En esta representacin el crculo es dividido en 12 rebanadas. Donde dada segmento es un color primario, un color secundario, terciario.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Los colores primarios Los colores primarios de la rueda de colores tradicionales son el rojo, amarillo y azul. Estos colores forman un tringulo equiltero en la rueda de color, y comenzando a partir de un color primario, uno de cada cuatro color representa otro color primario. Los colores secundarios Al mezclar dos colores primarios, creamos colores secundarios, indicado los tringulos grises. Los colores secundarios son de color naranja, verde y morado. Terciario colores Hay un total de seis colores terciarios: bermelln (rojo-naranja), calndula (amarillo-naranja), chartreuse (amarillo-verde), aguamarina (azulverde), violeta (azul-violeta), y el magenta (rojoprpura). Al mezclar un color primario con un color secundario adyacente se forman los colores terciarios. Uso del color en diseo web
Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

La combinacin de las cosas Ya sabemos lo suficiente acerca de los colores para hablar de sus valores, las intensidades, las asociaciones psicolgicas, temperaturas, y las ubicaciones en la rueda de color tradicional. Eso est muy bien , pero cmo podemos encontrar mltiples colores que funcionen juntos? Es aqu donde las combinaciones de colores son muy tiles. Los esquemas de color son las frmulas bsicas para crear combinaciones de colores armoniosas y eficaces. Existen seis tipos de combinacin de colores clsicos : Monocromos Anlogos Complementaros Complementarios divididos Tridicos Tetrdicos (tambin llamada doble complementarios)

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Con el fin de emplear alguna de estas combinaciones de colores clsicos, hay que empezar con un color. Tenga en cuenta la objetivo de la pgina web que est trabajando, y elija un color de base que se adapte a propsito del sitio. De por supuesto, esta eleccin puede estar fuera de sus manos. A veces, usted tendr que trabajar dentro de las reglas de la compaa. Vamos a suponer que el sitio se va adisear para una familia orgullosa de monos de circo llamada Toity Hoity. Estos monos de circo sigue creen que tienen un linaje real, por lo que han pedido que se incorpore el purpura real en el diseo.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Un combinacin de color monocromtico Cuando hablamos sobre el valor del color anterior, hablamos de tintes y sombras. Un combinacin de colores monocromtica consta de un solo color de base y cualquier nmero de matices o tonalidades de ese color.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://www.solidgiant.com/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://www.polargold.de/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://francescomugnai.com/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://aarronwalter.com/ Cambio de esquemas de color Algunos sitios web utilizan diferentes esquemas de color para cada seccin. Este enfoque puede agregar la riqueza y el carcter al contenido, pero tambin puede producir algunos problemas de identidad. Si se utilizan varios esquemas de color en un solo sitio, es necesario de mantener el logotipo, men, y el diseo general del sitio coherente para evitar confusiones.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://artinmycoffee.com/ Si se sabe que las fotos y el contenido de su sitio contar con lotes del mismo color, es una excelente idea que el diseo de su esquema de color de todo el contenido tenga como base el contenido

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://blackestate.co.nz/ / Cualquier conjunto de colores que consiste nicamente en negro, blanco, y tonos de gris que se conoce como un esquema de color acromtico. La palabra significa literalmente acromtico "sin color." El hecho de que el esquema general del sitio no tiene color, no significa que el contenido tiene que ser incoloro as. Debido al fondo oscuro, se emplea ampliamente el "blanco" en el espacio, y las fotografas vibrantes sobresalen de la pgina, dando vida y luz al diseo.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Combinacin de colores anlogos Se compone de colores que son adyacentes entre s en la rueda de color. Si nuestra rueda de color fuera un pastel , entonces una combinacin de colores anlogos sera gran rebanada. La clave para crear una combinacin anloga es recordar que los con mas grandes que la barriga. Como regla general, se evita que un sector que es ms grande que un tercio de la totalidad. Combinacin de prpura real y calentado para arriba con algunos tonos de naranja.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://forrst.com/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://blinksale.com/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://www.zappos.com/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Combinacin de colores complementarios Una combinacin de colores complementarios se crea a partir de los colores que se encuentran uno frente al otro en la rueda de color.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://www.gatorzone.com/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://www.sproutfund.org/spring/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://zachhendricks.net/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Errores comunes en el uso de la combinacin de colores complementarios Dado que los colores complementarios son tan diferentes entre s de muchas maneras, pueden causar un efecto conocido como contraste simultneo cuando se colocan juntos: esto es cuando cada color hace que los dems parece ms vibrante y dominante. Esto es exitoso cuando se emplea para atraer los ojos del visitante alrededor de una composicin. Sin embargo, puede ser terriblemente doloroso apara lo ojos cuando los colores complementarios se utilizan en una relacin en primer plano-fondo.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Otro error comn es elegir colores que no son directamente opuestos entre s la rueda de color., porque no estn lo suficientemente cerca para ser de colores anlogos. Estas combinaciones se conocen como discordantes porque los colores a menudo chocan entre s, causando discordia en el espectador. De hecho, la moda los 1980 era muy sobre colores sobre discordantes. Como muestra este ejemplo, este escollo puede ser factible si se usa intencionalmente.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Los colores discordantes son combinaciones que realmente atraen a los nios, adolescentes y preadolescentes. Si se va a disear un sitio o producto orientado a los jvenes vale la pena considerarlo. Tambin puede ser utilizado con moderacin en diseos ms adultos para crear un mayor nfasis del que se puede lograr con unos simples complementarios.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://www.bullsandarrows.com/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Complementarios divididos, tradicos, y tetrdicas Son slo simples variaciones de un esquema de colores complementarios bsicos. Para crear un combinacin de complementarios color divididos, utilizan los dos colores adyacentes a su base de color de complemento. Es necesario tener en cuenta que se est utilizando una base de color con dos colores discordantes este tipo de esquema de color puede parecer juvenil y extrema y funciona si ese es el pero que puede ser el efecto que desea.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Combinacin de triadicos Para una combinacin de colores tridicos, slo hay que empujar los complementarios divididos una casilla ms a cada lado, para que todos los colores son igualmente espaciados en la rueda de color.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Combinacin de tetradicos Una combinacin de colores tetrdica combina cuatro colores. De la siguiente manera cualquier combinacin de colores complementarios con otra combinacin de colores complementarios.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://rccjax.com/

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Otras variantes Aunque la mayora de los diseadores son conscientes de las combinaciones de colores estndar, las combinaciones pueden tender a sentirse bsicas y sin inspiracin. Sin embargo, se trata la rueda de color, como una diana apuntando a cualquier color, es muy probable llegar a algunas combinaciones verdaderamente horribles En lugar de tomar ese riesgo, hay otras maneras de modificar los esquemas de colores clsicos para crear una combinacin fresca.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Una vez que haya logrado un manejo de monocromtico, anlogo, complementario y relaciones entre los colores, trate de experimentar con algunos de los siguientes: Monocromtica con el pop mo ' En lugar de slo usar tonos y matices de su color base, trate de incorporar puro gris, negro, y blanco. Esto crear ms contraste en un color monocromtico rgimen. Analo ajuste Ajuste suba la saturacin de uno de los colores de su esquema monocromtico y baje el de los otros. Un color muy saturado se destacan cuando se coloca entre los colores apagados. Complemento Mono-split Si est funcionando muy bien la combinacin de complementarios divididos, pero se le quiere dar mas profundidad trate de usar tintes y sombras en el color base Es importante construir sobre bases slidas la paleta de color del sitio porque si no es as , el resto de su diseo se puede venir abajo.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Creacin de una paleta


Una paleta es lo mismo que una combinacin de colores. Bueno, s y no. Una combinacin de colores slo nos dar dos, tres, o cuatro colores para trabajar. A pesar de una paleta limitada puede resultar muy agradable, probablemente vamos a necesitar un poco ms colores para disear su sitio web. Es mejor concretar este proceso, mientras que estamos pensando en el lenguaje del color, en vez de escoger colores auxiliares al azar a medida que los necesita para su diseo. El nmero de colores que usted necesita depender de la complejidad de su diseo. Es bueno tener al menos unas cinco o seis opciones de colores antes de pensar aplicarlas a diseo.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Notacin hexadecimal Dado que esta es la etapa en la que se especfica sobre cada color que est eligiendo, vamos a necesitar una forma estndar para referirse a los colores de nuestra paleta. Usted probablemente ya sabe acerca valores hexadecimales de color RGB, pero si no, aqu est un rpido recorrido.

El sistema hexadecimal es muy similar al sistema decimal, a excepcin que en lugar de basarse en mltiplos de diez, se basa en mltiplos de diez y seis, y tiene otros seis dgitos: A (que es el equivalente decimal de 10), B (11), C (12), D (13), E (14), y F (15).

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Entonces, qu tiene esto que ver con paletas de colores? El monitor utiliza un aditivo modelo de color RGB, y que cada pxel de la pantalla est "pintado" con un combinacin de la luz roja, verde y azul. Y hay 256 diferentes los niveles de luz de color rojo, 256 niveles de luz verde, y 256 niveles de luz azul, podemos utilizarlas para crear 16.777.216 colores distintos. Afortunadamente, tenemos una manera de describir cada uno de estos colores de forma rpida y sencilla, utilizando cdigos de colores hexadecimales. Un cdigo de color hexadecimal especifica los niveles de rojo, verde y azul que van en una color dado. Por ejemplo, la combinacin de rojo, verde y azul en su ms alto nivel posible hace el blanco. Para utilizar el blanco en una pgina web, que establezca su componente rojo a 255 (FF en hexadecimal), su verde componente a 255 (FF), y su componente azul a 255 (FF). A continuacin, combinar estos hexadecimal los valores en nmeros rojos para, verde y azul y llegar al cdigo FFFFFF.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Negro, que se realiza mediante el establecimiento de rojo, verde y azul a cero (00), tiene el cdigo 000000. Rojo, que podemos crear mediante el ajuste de rojo a FF y dejando verde y azul a las 00, tiene el cdigo de FF0000. Despus de haber visto y utilizado una gran cantidad de colores hexadecimal, usted comenzar a ver los colores en el cdigo. # F26382. Una vez que usted cree que ha llegado a ese Estado de Maestro Jedi hexagonal , dirjase a http://yizzle.com/whatthehex/ para un pequeo juego de cual es el hex?

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Herramientas de color y Recursos


Ahora todos tenemos una comprensin bsica de cmo los colores se representan como valores hexadecimales. El siguiente paso es averiguar los valores de cada color con el que queremos trabajar. Muchos recursos estn disponibles para ayudarle a elegir los colores de su paleta,incluyendo un montn de aplicaciones independientes y plugins para Mac y PC. Aqu estn algunos Color scheme Designer 3 Adobe Kuler Colour Lovers Color stream Iphone app Pictaculous

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://colorschemedesigner.com / Color scheme Designer 3 Otras aplicaciones utilizan una rueda RGB o CMYK, pero esta impresionante herramienta HTML utiliza la tradicional rueda color rojo, amarillo y azul. Con unos pocos clics, usted puede elegir y personalizar una combinacin de color as como identificar una variedad de otros colores de la cual construir una paleta armnica. Una vez usted tiene una paleta que est buscando, puede utilizar el simulador de visin para ver lo que los colores se parecen a personas con distintos niveles de ceguera al color, a continuacin, puede exportar sus colores como HTML / CSS, XML,Texto o una paleta de Photoshop. Uso del color en diseo web
Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://kuler.adobe.com/ Adobe Kuler En la pgina web de Kuler, puede crear combinaciones de color en funcin de la configuracin de combinaciones de color estndar . Tambin puede generar una paleta de a partir de imagenes. tiene su comunidad contruida alrededor del color. Si se crea un usuario las paletas se pueden guardar y compartir con otros usuarios de Kuler, y cualquier persona puede ver las paletas mas recientes y las mas populares. La aplicacin de AIR se puede instalar tanto en ordenadores Mac y PC .

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://www.colourlovers.com/ Colour lovers Es menos de un instrumento generador de color y ms unapgina web de inspiracin compartida. Comenz con las combinaciones de color pero tambin puedes compartir patrones y ver inspiraciones para una variedad de campos del diseo.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Color Stream iPhone App Color Stream es una aplicacin (disponible por $ 2.99 en la tienda iTunes) que pone algunas de las mejores caractersticas design color Scheme y Adobe Kuler en la palma de su mano. Permite crear y guardar paletas de colores que estn o creados desde cero, extradas de una foto, o incluso generadas automticamente por un built-in intrigante color.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

http://pictaculous.com Pictaculous Pictaculous es proyecto de MailChimp que proporciona una paleta de color basados en sus imgenes por correo electrnico. Basta con tomar una foto con su telfono inteligente y neviarla por correo electrnico a colors@mailchimp.com . Y Dentro de un par de minutos, usted recibir un email con una paleta fivecolor de combinaciones de colores que Kuler y COLOURlovers sugirieron. Adjunta tambin la paleta de colores de Adobe (. ACO)

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Compruebe contraste de los colores Al elegir los colores de su paleta, siempre es bueno tratar de recoger al menos dos colores que tengan suficiente contraste para ser utilizados como colores de fondo y texto. Tener un contraste adecuado entre texto y los colores de fondo es esencial para el diseo interactivo, sin ello, algunas personas pueden ser incapaces de leer en su sitio. Una manera fcil de confirmar que hay suficiente contraste entre dos colores es conectar los valores RGB para su primer plano y fondo en http://snook.ca/technical/colour_contrast/colour.html Ser consciente de los tipos de problemas asociados con el uso del color le da un ojo para el color y la capacidad de darle paletas de color originales a su cliente para cumplir con los requisitos que tiene.

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

Fuentes de consulta -"The Principles of beautifull web design", Jason Beaird,Sitepoint,2010,Canada -Digital Design:Foundations of Web Design, Adobe Systems Incorporated , 2010, USA - http://www.worqx.com/ -http://www.w3schools.com/html/html_colors.asp -http://snook.ca/technical/colour_contrast/colour.html

Uso del color en diseo web

Mariasol Holguin Rovira Maestra en arte nfasis medios electrnicos

S-ar putea să vă placă și