Teoria das Cores

para Web
Prof.ª Daiani Melo
 Círculo Cromático
É uma representação simplificada das cores percebidas
pelo olho humano. Na maioria das vezes ele é representado
fatiado como uma pizza, com 12 pedaços, onde cada um deles é
representado por uma cor e essas cores são dispostas de
maneira a formar um espectro perfeito.
Círculo cromático
 Cores Frias e Cores quentes
As cores quentes, são associadas ao sol e ao fogo.
As cores frias, são associadas à água, ao gelo, ao céu, e às arvores.
As cores quentes são consideradas excitantes e as cores frias calmantes.
 Cores Análogas
São cores que estão mais próximas umas das outras no círculo
cromático.
 Cores Complementares
Cores complementares são aquelas que mais oferecem contraste entre si.
 Cores Tríades
São as cores que se encontram em forma de triângulo. Elas tem harmonia
entre si.
Teste de cores no
site Adobe Color
HTTPS://COLOR.ADOBE.COM/PT/CREATE/COLOR-WHEEL
 Análogo

 Depois de escolher sua cor base,

automaticamente as outras cores vão se
posicionar de maneira próxima, mantendo
um ângulo idêntico entre elas.
 Isso faz com que todos tenham uma cor base
em comum.
 No exemplo, a partir do vermelho posso
utilizar de um lado tons de roxo e do outro,
tons de laranja. Todas tem em comum a
mesma cor em sua formação, o meu
vermelho base.
 Monocrático

 Aqui nós utilizamos apenas

uma matiz, ou seja, apenas a
cor base.
 As variações ocorrem na
saturação e luminosidade,
conseguindo cores mais
vivas, neutras, claras ou
escuras, mas no nosso
exemplo, são todas em tons
de vermelho.
 Tríade
 As cores básicas (amarelo, vermelho e
azul) são uma tríade, chamada de tríade
primária. Se olhar essas 3 cores no círculo
cromático, você vai perceber que elas
mantém uma distância por igual entre si.
 Esse efeito contrastante pode ser muito
bem aproveitado quando utilizado para
destacar alguns detalhes. Diversas grifes
de roupa utilizam a regra da tríade para
suas combinações, escolhendo duas cores
principais e a terceira para alguns
pontos presentes na roupa.
 Complementar
 As cores complementares são as
opostas no círculo cromático. Verde
com vermelho, amarelo com azul,
laranja com ciano, etc.
 Essa combinação cria o que podemos
chamar de harmonia por contraste.
 Mesmo sendo duas palavras que
normalmente não são usadas juntas, o
contraste na arte e design serve
justamente para complementar algo.
 Composto
 O composto lembra um pouco a
regra anterior (complementar) mas
com um leque maior, pegando
algumas cores vizinhas às cores
complementares principais. Isso te
dá tanto mais flexibilidade como
chance de erro.
 Essa regra compartilha a
possibilidade de criar efeitos
contrastantes da regra
complementar, mas sem o choque
de cores que a mesma faria. Ou
seja, o composto é uma combinação
mais suave, se bem aplicada.
 Sombras

 Essa é a combinação
visualmente mais fácil de
identificar e com certeza a mais
neutra de todas, já que aqui nós
trabalhamos com a mesma
matiz e variamos apenas a
luminosidade, diferentemente
da regra monocromática que
também varia a saturação.
 Extrair as cores de uma imagem

 Usado para criar uma

paleta de cores
usando uma imagem.
 Clique em Extrair
Tema
 Localize a imagem no
seu computador
Extrair as cores de uma imagem
Material Complementar

https://www.youtube.com/watch?v=Iu8Q2u17hVs
Material Complementar

https://www.youtube.com/watch?v=Iu8Q2u17hVs
Referência

 https://www.designerd.com.br/entendendo-as-regras-de-cores/