Colourlovers para HTML

Post on 08-Mar-2016

217 views 1 download

description

Material didáctico referenciando la teoría del color y cómo utilizar combinacipones para la Web

Transcript of Colourlovers para HTML

COMBINACIONES AGRADABLESALA

VISTA

¿Cómo conseguirlas?

Prof: Teolinda González

Nuestro mundo es de colores, y donde hay luz, hay color. Por lo tanto, se dice que el color no es una característica de los objetos, si no más bien una apreciación subjetiva nuestra.

Desde hace muchos años expertos en la materia han trabajado en lo que denominan la teoría del color, que no es mas que un grupo de reglas básicas en la mezcla de colores para conseguir el efecto deseado combinando colores de luz o pigmento.

El ojo humano es capaz de distinguir entre 10.000 colores

Foto de Teo Hernández [http://www.flickr.com/photos/photosbyteo/]

En RGB se aprecian los colores:

Red Green Blue

De la Teoría del Color se desprenden diferentes Modelos de color. Los mas usados actualmente en el diseño gráfico son el CYMK y RGB.

htt

p:/

/ww

w.a

rgaz

kiak

.org

/ph

oto

/cm

yk/ Colores utilizados:

Ciam Magenta Yellow o Amarillo Key o Negro

Con valores del sistema decimal entre el 0 y el 255 para cada tono su nomenclatura es:

XXX,XXX,XXX Rojo,Verde,Azul

Foto

de

Do

rro

n [

htt

p:/

/ww

w.f

lickr

.co

m/p

ho

tos/

do

rro

n/]

En HTML los colores se representan mediante un código hexadecimal.

0 1 2 3 4 5 6 7 8 9 A B C D E F Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla. Ejemplo: #FFFFFF.

Cada par de dígitos hace referencia a la intensidad del rojo, verde y azul, respectivamente.

Este código es la trans-formación del RGB (en sistema decimal) al Hexadecimal.

Combinando los valores obtendremos una amplia gamma como esta:

Existen muchos artistas que se encargan de crear paletas de colores, y cuelgan dichas combinaciones en diferentes páginas Webs

http://www.colourlovers.com/ Ejemplo:

Aquí encontrarás paletas de colores creadas por diseñadores y que puedes usar en tu página.

A 3.598 personas les gusta esto. ¡Debe ser buena!

Para buscar puedes escribir alguna palabra o el nombre del color en el cuadro de texto que se encuentra en la zona superior derecha de la página tal y como se muestra en la siguiente imagen y enseguida te arrojará una lista de numerosos resultados.

Debajo de cada color encontrarás su códigos RGB y Hexadecimal. Recuerda que el lenguaje HTML te permite trabajar con el código Hexadecimal.

Ejemplo de color:

Sólo debes copiar el código del tono deseado en el elemento al cual deseas agregarle color (fondo de página, fuente, tabla).

Por último, recuerda que la página está en el idioma inglés, por lo tanto al realizar una búsqueda debe escribir la palabra o color en ese idioma. Es por ello que si quieres buscar paletas que contengan el color “verde” debes escribir “green”. Puedes ayudarte con:

http://translate.google.co.ve

http://www.aulaclic.es/html/b_2_2_1.htm http://www.fotonostra.com/grafico/teoriacolor.htm http://reposital.cuaed.unam.mx:8080/jspui/bitstream/123456789/1901/1/teoria-del-color.pdf http://www.disfrutalasmatematicas.com/numeros/hexadecimal-decimal-colores.html