Cores para Web@richarley

Cor resulta da existência de luz

* Preto é ausência de luz* Branco é a presença total de luz

Monitores* Cores em RGB

* Imagens reproduzidas em pixels* Cada pixel iluminado em Vermelho (R),

Verde (G) e Azul (B)

Escalas de cores* Escala numérica de 0 à 255

Ex.: R (232) G (36) B (110)* Escala hexadecimal para HTML

Ex.: #e8246e

Círculo cromático RGBVermelho (R)

Azul (B)Verde (G)

Amarelo Magenta

Ciano

Laranja Rosa

Roxo

Azul oceanoTurquesa

Verde limão

Círculo cromático RGBR (255) G (0) B (0)

#FF0000

R (0) G (0) B (255)

#0000FF

R (0) G (255) B (0)

#00FF00

R (255) G (255) B (0)

#FFFF00

R (255) G (0) B (255)

#FF00FF

R (0) G (255) B (255)

#00FFFF

R (255) G (127) B (0)

#FF7F00

R (255) G (0) B (127)

#FF007F

R (127) G (0) B (255)

#7F00FF

R (0) G (127) B (255)

#007FFF

R (0) G (255) B (127)

#00FF7F

R (127) G (255) B (0)

#7FFF00

Harmonia* Monocromática

Harmonia* Análoga

Harmonia* Complementar

Harmonia* Triádica

Harmonia* Complemento dividido

Harmonia* Dupla complementar

Temperatura* Quentes * Frias * Neutras

Exemplos sites* Cores quentes

Exemplos sites* Cores frias

Exemplos sites* Cores neutras

Recomendações para uma boa paleta de cores

* Trabalhar com cores complementares* Se preocupar com o contraste

(Legibilidade dos textos)* Não ter medo de usar cores vibrantes

Ferramentas online para paletas de cores

* Kuler:kuler.adobe.com

* Color Scheme Designer:colorschemedesigner.com

Atividade em classe* Com base nos conceitos de harmonia dados em

classe, definir 2 paletas de cores distintas para sites corporativos dos seguintes tipos de clientes:

1. Vidraçaria;2. Loja de material de construção;

3. Boate de música eletrônica.

Atividade em casa* Preparar uma proposta de paleta de cores

inicial para o portfólio.