Seu Guia de Cores

Teoria da Cor 101

Vamos primeiro voltar para a aula de arte do ensino médio para discutir os conceitos básicos de cor.

Lembre-se de ouvir sobre cores primárias, secundárias e terciárias? Eles são muito importantes se você quiser entender, bem, tudo sobre cor.

Como se Tornar Designer de Estampas

Cores primárias

As cores primárias são aquelas que você não pode criar combinando duas ou mais outras cores juntas. Eles são muito parecidos com números primos, que não podem ser criados pela multiplicação de outros dois números juntos.

Existem três cores primárias:

  • Vermelho
  • Amarelo
  • Azul

Pense nas cores primárias como suas cores principais, ancorando seu design em um esquema geral de cores. Qualquer um ou uma combinação dessas cores pode dar aos seus corrimões de marca quando você se move para explorar outros tons, tons e tons (falaremos sobre eles em apenas um minuto).

Ao projetar ou mesmo pintar com cores primárias, não se sinta restrito a apenas as três cores primárias listadas acima. A laranja não é uma cor primária, por exemplo, mas as marcas podem certamente usar laranja como cor dominante (como nós da HubSpot sabemos muito bem disso).

Saber quais cores primárias criam laranja é o seu ingresso para identificar as cores que podem ficar bem com a cor laranja – com a tonalidade, o tom ou a tonalidade corretos. Isso nos leva ao nosso próximo tipo de cor …

Cores secundárias

Cores secundárias são as cores que são formadas pela combinação de duas das três cores primárias listadas acima. Confira o modelo de teoria das cores acima – veja como cada cor secundária é suportada por duas das três cores primárias?

Existem três cores secundárias: laranja , roxo e verde . Você pode criar cada um usando duas das três cores primárias. Aqui estão as regras gerais de criação de cores secundárias:

  • Vermelho + Amarelo = Laranja
  • Azul + vermelho = roxo
  •  
  • Amarelo + azul = verde

Tenha em mente que as misturas de cores acima só funcionam se você usar a forma mais pura de cada cor primária. Essa forma pura é conhecida como a tonalidade de uma cor e você verá como essas cores se comparam às variantes abaixo de cada cor na roda de cores abaixo.

Cores terciárias

Cores terciárias são criadas quando você mistura uma cor primária com uma cor secundária.

A partir daqui, a cor fica um pouco mais complicada. E se você quiser aprender como os especialistas escolhem a cor em seu design, você deve primeiro entender todos os outros componentes da cor.

O componente mais importante das cores terciárias é que nem todas as cores primárias podem combinar com uma cor secundária para criar uma cor terciária. Por exemplo, vermelho não pode misturar em harmonia com verde, e azul não pode misturar em harmonia com laranja – ambas as misturas resultariam em uma cor ligeiramente marrom (a menos é claro que é isso que você está procurando).

Em vez disso, as cores terciárias são criadas quando uma cor primária se mistura com uma cor secundária que vem ao lado dela na roda de cores abaixo. Existem seis cores terciárias que se encaixam nesse requisito:

  • Vermelho + Roxo = Vermelho-Roxo (magenta)
  • Vermelho + Laranja = Vermelho-Laranja (vermelhão)
  • Azul + Roxo = Azul-Violeta (violeta)
  • Azul + Verde = Azul-Verde ( verde- azulado)
  • Amarelo + Laranja = Amarelo-Laranja (âmbar)
  • Amarelo + Verde = Amarelo-Verde (chartreuse)

A roda da teoria da cor

Certo, ótimo. Então agora você sabe quais são as cores “principais”, mas você e eu sabemos que escolher cores, especialmente em um computador, tem um alcance muito maior do que 12 cores básicas.

Esse é o ímpeto por trás da roda de cores, um gráfico circular que mapeia cada cor primária, secundária e terciária – bem como seus respectivos matizes, tons, tons e tons. A visualização das cores dessa maneira ajuda a escolher esquemas de cores, mostrando a você como cada cor se relaciona com a cor que vem a seguir em uma escala de cores do arco-íris. (Como você provavelmente sabe, as cores de um arco-íris, em ordem, são vermelho , laranja , amarelo , verde , azul , anil e violeta ).

Ao escolher cores para um esquema de cores, a roda de cores oferece oportunidades para criar cores mais claras, mais suaves e mais escuras, misturando branco, preto e cinza com as cores originais. Essas misturas criam as variantes de cores descritas abaixo:

Matiz

O tom é praticamente sinônimo do que realmente queremos dizer quando dissemos a palavra “cor”. Todas as cores primárias e secundárias, por exemplo, são “matizes”.

É importante lembrar as cores ao combinar duas cores primárias para criar uma cor secundária. Se você não usar os matizes das duas cores primárias que está misturando, não gerará o matiz da cor secundária. Isso ocorre porque um matiz tem o menor número de outras cores dentro dele. Ao misturar duas cores primárias que carregam outros tons, tonalidades e tons, você está tecnicamente adicionando mais de duas cores à mistura – fazendo com que a cor final dependa da compatibilidade de mais de duas cores.

Se você fosse misturar os tons de vermelho e azul juntos, por exemplo, você ficaria roxo, certo? Mas misture uma tonalidade de vermelho com a tonalidade de azul, e você obterá um roxo ligeiramente colorido em troca.

Sombra

Você pode reconhecer o termo “sombra” porque é usado com bastante frequência para se referir a versões claras e escuras do mesmo matiz. Mas, na verdade, uma sombra é tecnicamente a cor que você obtém quando adiciona preto a qualquer matiz. Os vários “tons” referem-se apenas ao preto que você está adicionando.

Matiz

Uma tonalidade é o oposto de uma tonalidade, mas as pessoas não costumam distinguir entre a tonalidade de uma cor e a tonalidade de uma cor. Você obtém uma tonalidade diferente quando adiciona branco a uma cor. Assim, uma cor pode ter um intervalo de tons e tonalidades.

Tom (ou Saturação)

Você também pode adicionar branco e preto a uma cor para criar um tom. Tom e saturação significam essencialmente a mesma coisa, mas a maioria das pessoas usará a saturação se estiver falando sobre cores sendo criadas para imagens digitais. Tom será usado com mais frequência para pintar.

Adicionando e subtraindo cores

Se você já brincou com cores em qualquer programa de computador, provavelmente já viu um módulo que listou as cores RGB ou CMYK com alguns números ao lado das letras.

Já se perguntou o que essas letras significam?

CMYK

CMYK significa Cyan, Magenta, Amarelo, Key (Preto). Essas também são as cores listadas em seus cartuchos de tinta para a sua impressora. Isso não é coincidência.

CMYK é o modelo de cores subtrativas . Isso é chamado porque você tem que subtrair as cores para chegar ao branco. Isso significa que o oposto é verdadeiro – quanto mais cores você adicionar, mais próximo você fica do preto. Confuso, certo?

Pense em imprimir um pedaço de papel. Quando você coloca uma folha pela primeira vez na impressora, normalmente está imprimindo em um pedaço de papel branco. Ao adicionar cor, você está impedindo que os comprimentos de onda brancos passem.

Então, digamos que você coloque o pedaço de papel impresso de volta na impressora e imprima algo nele novamente. Você notará que as áreas que foram impressas duas vezes tendem a cores mais próximas do preto.

Acho mais fácil pensar em CMYK em termos de seus números correspondentes. O CMYK funciona em uma escala de 0 a 100. Se C = 100, M = 100, Y = 100 e K = 100, você terá uma cor preta. Mas, se todas as quatro cores forem iguais a 0, você acaba com o branco verdadeiro.

RGB

Modelos de cores RGB, por outro lado, são projetados para displays eletrônicos, incluindo computadores.

RGB significa Vermelho, Verde, Azul e baseia-se no modelo de cores aditivasdas ondas de luz. Isso significa que, quanto mais cores você adicionar, mais próximo você estará do branco. Para computadores, o RGB é criado usando escalas de 0 a 255. Assim, o preto seria R = 0, G = 0 e B = 0. Branco seria R = 255, G = 255 e B = 255.

Quando você está criando cores em um computador, seu módulo de cores geralmente lista os números RGB e CMYK. Na prática, você pode usar qualquer um para encontrar cores e o outro modelo de cores será ajustado de acordo.

No entanto, muitos programas da Web fornecem apenas os valores RGB ou um código HEX (o código atribuído à cor para CSS e HTML). Então, se você está projetando imagens digitais, o RGB é provavelmente sua melhor aposta para escolher cores.

Visite Meu Site: Como se Tornar Designer de Estampas

One thought to “Seu Guia de Cores”

Deixe uma resposta