Colourlovers para HTML

10
COMBINACIONES AGRADABLESALA VISTA ¿Cómo conseguirlas? Prof: Teolinda González

description

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

Transcript of Colourlovers para HTML

Page 1: Colourlovers para HTML

COMBINACIONES AGRADABLESALA

VISTA

¿Cómo conseguirlas?

Prof: Teolinda González

Page 2: Colourlovers para HTML

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/]

Page 3: Colourlovers para HTML

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/]

Page 4: Colourlovers para HTML

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.

Page 5: Colourlovers para HTML

Combinando los valores obtendremos una amplia gamma como esta:

Page 6: Colourlovers para HTML

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!

Page 7: Colourlovers para HTML

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.

Page 8: Colourlovers para HTML

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).

Page 9: Colourlovers para HTML

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

Page 10: Colourlovers para HTML

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