O documento discute as propriedades e classificações das cores, incluindo matiz, intensidade, valor, escurecimento, clareamento e saturação. Também explica que Isaac Newton descobriu que a luz branca é composta por um espectro de cores e organizou-as no círculo cromático. As cores podem ser classificadas como primárias, secundárias e terciárias de acordo com sua composição.

1. Web Design
e o maravilhoso mundo das cores

2. Web Design
E o que é cor?
A cor é uma percepção visual provocada pela
ação de um feixe de fotons sobre células
especializadas da retina, que transmitem
através de informação pré-processada no nervo
óptico, impressões para o sistema nervoso.
fonte: Wikipédia

3. Web Design
Clareamento
Escurecimento
Valor
Saturação
Intensidade

4. Web Design
Toda cor possui as diversas propriedades,
dentre elas:
● Matiz
● Intensidade
● Valor
● Escurecimento
● Clareamento (Brilho)
● Saturação

5. Web Design
Matiz
É a cor pura, sem adição de branco ou preto.
Intensidade
É definida pela vivacidade da cor. Podemos
intensivar uma cor adicionando preto ou
branco à cor, ou neutralizá-la adicionando
cinza.

6. Web Design
Valor
Refere-se a luminosidade da cor, depende do
escurecimento ou clareamento, mas não da
saturação ou matiz. Uma imagem colorida
perde sua matiz ao ser convertidada por preto
ou branco, mas nunca suas caracteristicas
tonais.

7. Web Design
Escurecimento
É a variação de matiz obtida através da adição
de preto.
Clareamento
É a variação de matiz obtida através da adição
de branco.

8. Web Design
Antes de continuar, uma historinha...

9. Web Design
Era uma vez um moço chamado Isaac...

10. Web Design
Era uma vez um moço chamado Isaac...

11. Web Design
Nosso amigo Sir. Isaac Newton, além de ter
feito importantes descobertas como as leis da
física, gravidade... Também contribuiu para o
Design quando resolveu analisar um feixe de
luz branca, e descobriu que este era composto
de um espectro de cores: vermelho, laranja,
amarelo, verde, azul, índigo e violeta.

12. Web Design
Isaac, organizou as cores e criou o, hoje
conhecido, círculo cromático.

13. Web Design

14. Web Design
Ow yeah!

15. Web Design
A partir do circulo cromático, pode-se dividir as
cores em Primárias, Secundárias e
Terciárias.

16. Web Design
Primárias
São cores que NÃO podemos obter através da
combinação de outras.

17. Web Design
Secundárias
São obtidas através da mistura de duas cores
primárias. Ex. verde, laranja, violeta...

18. Web Design
Terciárias
São obtidas através da mistura de uma cor
primária e uma secundária. Ex. verde-
amarelado, laranja-avermelhado...

19. Web Design
Tá, mas não pára por aí.
O estudo das cores observou relações entre elas,
e com isso podemos ainda destacar...

20. Web Design
Cores complementares
São cores opostas no círculo cromático, e
produzem um forte efeito contrastante.

21. Web Design
Cores análogas
São cores vizinhas no círculo cromático, e são
fácilmente equilibradas na composição.

22. Web Design
Cores quentes
São cores que exprimem sensação de calor.

23. Web Design
Cores frias
Exprimem sensação de falta de calor.

24. Web Design
O verde limão esta tanto nas cores quentes
quanto nas frias. Isso porque ele não pertence a
uma categoria fixa, quando inserido em um
contexto quente, se comporta como uma cor
quente e quando inserido em um contexto frio,
age como cor fria.
;)

25. Web Design
Para produção de websites, o sistema de cor
mais utilizado é o RGB (red, green e blue),
que é um sistema aditivo usado em monitores,
TVs... Para formar uma imagem, diferentes
porcentagens de cada cor se sobrepõem, como
as retículas são muito pequenas não vemos os
pontos de luz, mas sim a imagem formada.

26. Web Design
A representação do RGB é dada através da
indicação de um valor luminosidade de 0 a
255 a cada pixel (R (vermelho), G (verde), B
(azul)), onde 0 é ausência, e 255 o valor de mais
intensidade.

27. Web Design
Na Web utiliza-se a notação RGB através de
valores hexadecimais (base 16), onde 00 é preto
(ausência) e FF é o máximo de intensidade.

28. Web Design
Exemplo:
R G B => 00 00 00 (preto)
R G B => 00 FF 00 (azul)
R G B => FF FF FF (branco)

29. Psicologia das cores
http://goo.gl/Uwj19
Psicologia e Relações
http://chocoladesign.com/psicologia-e-relacoes-fisicas-das-cores
Color in Motion (animação)
http://www.mariaclaudiacortes.com/
Web Design

30. Thanks all folks!