Adobe Color

Entendendo sobre combinações de cores

Veremos neste artigo como harmonizar e combinar cores através do círculo cromático e de algumas ferramentas que poderão te auxiliar nessa tarefa.

O círculo de cores (ou color wheel em inglês) é uma representação visual das cores organizadas de acordo com sua relação cromática, sendo os tons primários (vermelho, amarelo e azul) posicionados de maneira equidistantes, e entre eles, as cores secundárias e terciárias resultantes das possíveis combinações. Vamos entender um pouco mais sobre elas:

Cores primárias


As cores primárias são as cores em sua essência básica, as quais não podem ser criadas a partir da mistura de outras.

Cores secundárias

As cores secundárias são aquelas resultantes da mistura de outras duas primárias.

Cores terciárias

Por fim, as cores terciárias são obtidas por uma mistura de matizes primárias e secundárias.

Existem também as cores complementares que se encontram em lados opostos dentro do círculo cromático, além das análogas, aquelas que ficam próximas umas das outras. Confira no exemplo abaixo:

As cores complementares resultam em grandes contrastes pelo fato de não apresentarem pigmentos de cores comuns entre elas. Isso pode se tornar um problema visual, dificultando a leitura e dando a sensação de ilusão óptica. Se utilizadas separadamente, isso obviamente não ocorrerá. Veja um exemplo:

Dentro das cores complementares, temos ainda as complementares divididas, que são as cores vizinhas à cor oposta do círculo cromático e as duplas complementares que são resultantes da combinação de dois pares de cores complementares.

Agora que já vimos como funcionam as combinações dentro do círculo cromático, separei algumas dicas para facilitar a harmonização de cores dentro do seu projeto:

  1. Estabeleça uma cor principal de acordo com o briefing do seu projeto e trabalhe combinações a partir dela.
  2. O branco (presente no centro do círculo) combina com todas as cores, então use e abuse se necessário.
  3. Uma cor sempre harmoniza bem com outras de mesmo tom. Não tenha medo!
  4. Utilize sites para criar combinações caso seja necessário (confira abaixo).
Kule – Adobe Color

O Adobe Color é um excelente site para criar paletas de cores harmônicas. Para isso, basta adicionar os parâmetros de uma cor base e deixar que o site crie um equilíbrio harmônico com outras quatro cores. Você ainda pode salvar sua combinações em bibliotecas próprias e compartilhar com os demais usuários para que possam se inspirar na sua paleta.

Color Palette FX (DICA EXTRA!)

Gostou da harmonização de cores de uma determinada imagem? Com o Color Palette FX é possível descobrir as cores que foram utilizadas assim como o parâmetro (código hexadecimal, RGB ou CMYK) de cada uma delas para que você possa utilizar em seu projeto. Basta fazer o upload do arquivo e ver a mágica acontecer.

Curtiu esse artigo? Então deixe um comentário abaixo! Até a próxima! 🙂

Como trabalhar com paletas de cor

Ao iniciar qualquer projeto relacionado às áreas de criação, uma das maiores preocupações é em relação à paleta de cor que será trabalhada.

Neste artigo vou demonstrar de forma prática como produzir trabalhos harmônicos utilizando o Adobe Color que é uma ferramenta que possibilita criar um conjunto de paletas de cor para auxiliar as suas composições.

Eu utilizei como base as cores da logo do TreinaWeb, a ferramenta fornece a possibilidade de criar composições analógica, monocromática, tríade, complementar, composta, sombras ou personalizada, cada uma delas tem as suas aplicações específicas mas neste caso eu gerei todas as possibilidades para que pudesse ter uma visão mais ampla de todo o conjunto de cores.

Adobe Photoshop e Adobe Lightroom - Tratamento Fotográfico para Ensaios e Fotos de Família
Curso de Adobe Photoshop e Adobe Lightroom - Tratamento Fotográfico para Ensaios e Fotos de Família
CONHEÇA O CURSO

Resultado de composição utilizando Adobe Color:

Para demonstrar a utilização destas composições, criei uma peça que poderia ser aplicada para redes sociais como uma capa de Facebook ou divulgação dos nossos cursos de Illustrator, pois o material criado tem como base objetos vetor.

A ferramenta veio auxiliar o projeto pois trouxe uma direção de como a criação poderia trabalhar com as cores com base nas composições resultantes.

Para essa produção eu utilizei o Adobe Color que é uma ferramenta fantástica, principalmente porque não tem a necessidade de ser um exímio conhecedor sobre teoria da cor e ela entrega um conjunto de composições de cores baseadas no círculo cromático.

Atualmente em nossa rotina de trabalho é fundamental otimizar os processos e o Adobe Color veio para suprir essas necessidades e auxiliar os criativos nos projetos do dia a dia.

Depois de criar uma composição que se enquadre no projeto e, estando logado com seu ID de usuário Adobe, existe a possibilidade de salvar essa paleta de cor, podendo até mesmo utilizá-la diretamente nos softwares como Photoshop, Illustrator entre outros.

A ferramenta funciona tanto direto no seu navegador quanto através de um aplicativo e está disponível para dispositivos IOS e Android, nele é possível criar e compartilhar essas paletas com outros parceiros que estejam trabalhando no mesmo projeto.

No caso do aplicativo ele pode capturar cores diretamente de uma fotografia e é possível manter uma referência de cor a partir de qualquer imagem.

Dicas

Vou também, deixar aqui, algumas dicas de outras ferramentas que trabalham com criação de paletas e tendências.

O Coolors é um site bem completo e gera umas paletas bem legais, ele tem uma opção de shades para a cor escolhida, as cores podem ser deslocadas em relação à sua posição da tela, o ajuste de cor pode ser feito em HSB, RGB, CMYK, PIC (que usa uma caixinha de cor como o color picker do Photoshop). Esse site site também oferece uma opção bem legal chamada SETS – que tem escolhas entre Pantone, Copic, Prismacolor e pelo nome da cor, após as escolhas é só exportar um PNG.

No Colour Lovers o mais interessante é que ele além de oferecer amostras de paletas de cor, patterns e shapes, ele também nos oferece uma busca de tendências como branding e websites.

O Shutterstock é um dos bancos de imagens mais completos e agora também traz um serviço de referência de paletas de cor baseada em imagens. Então, se você comprar uma imagem já ganha uma referência de paleta de cor super legal para trabalhar.

O colorscheme é muito simples e intuitivo de trabalhar, além de criar toda a variação de cor, ele oferece uma demonstração de websites baseados na paleta escolhida e ainda exporta HTML+CSS, XML, Text, ACO (Photoshop Palette) e GPL (GIMP Palette).

Nos próximos posts vamos ver como trabalhar com as paletas de cor dentro do Photoshop, Illustrator, Indesign e como gerar amostras de cor para padronizar todos os trabalhos futuros.

Grande abraço e até o próximo post! 😉

Adobe Premiere Pro CC - Closed Captions e legendas
Curso de Adobe Premiere Pro CC - Closed Captions e legendas
CONHEÇA O CURSO