O que é o círculo cromático e como posso criar um?

Última atualização
11 set 2023
Tempo de leitura
9 min
Сírculo cromático

Aprenda a aplicar o círculo cromático nos seus designs.

Em 1961, Johannes Itten, o pintor suíço e professor da escola Bauhaus, publicou o livro “A Arte da Cor”, que revolucionou o universo do design. O livro descreve a teoria de combinação de tons, além de introduzir uma ferramenta que continua sendo indispensável para designers e artistas ao redor do mundo. Neste artigo, vamos entender o que é o círculo cromático, como ele sistematiza as cores e como ajuda a transmitir ideias de design por meio das cores.

O que é o círculo cromático e para que ele serve?

O círculo cromático, também conhecido como roda cromática ou de cores, representa o espectro de cores visíveis para o olho humano. O círculo cromático é construído em camadas de tonalidades: as cores primárias estão no centro, seguidas pelas cores secundárias, criando, assim, um degradê de cores que resultam em novos tons.

O modelo mais comum é o hexagrama, que pode dividir essas camadas em 6, 12, 24 e 48 cores. Essa divisão do círculo cromático auxilia na visualização das possíveis tonalidades e combinações.

Fonte: Unsplash

O círculo cromático é uma ferramenta utilizada no design, publicidade, marketing, moda, maquiagem e outras indústrias onde a cor desempenha um papel importante. Isso ocorre porque o círculo cromático permite:

  • Compreender a relação entre as cores: quais são análogas, complementares, quentes, frias, etc.
  • Determinar a harmonia cromática que você deseja usar em seus designs. Uma maneira de fazer isso é traçar um triângulo e movê-lo para o centro do círculo cromático. Observe em quais cores as pontas do triângulo estão localizadas: essas são as cores complementares.
  • Conhecer as tonalidades e aplicações de todas as combinações de cores possíveis. Dependendo do modelo de cor de referência que você escolher (RGB, CMYK ou RYB), você poderá conhecer o código numérico da cor que deseja aplicar em seus designs. Dessa forma, seus designs serão coerentes.
O que é o círculo cromático

Fonte: Freepik

Como são classificadas as cores no círculo cromático?

Existem três opções para classificar as cores do círculo cromático. São modelos de cores que se baseiam no tipo de cor com que se está lidando: a cor material (pigmentos, tinta) ou a cor luz (telas).

O sistema tradicional RYB (do inglês: red, yellow e blue) é o que existe há mais tempo na indústria e o que aprendemos na escola. O RYB é pouco utilizado na tecnologia moderna. No entanto, em termos de suas possibilidades, é capaz de gerar 16.777.216 tonalidades, que correspondem a 256 variações de cada uma das cores primárias.

Exemplo de cor material: pintura.

Pode ser aplicado em: pintura, desenho, cerâmica, artesanato e outras artes plásticas.

O modelo cromático aditivo RGB (do inglês: red, green e blue) busca misturar cores com luz, adicionando ondas de cor, e define as cores primárias de acordo com a sensibilidade do olho humano à luz. O RGB foi originalmente aplicado na década de 1860 na área da fotografia, mas depois se tornou o padrão de reprodução de cor na televisão e mídia digital. Os primeiros fabricantes de computadores, como Apple, IBM e Commodore, utilizaram o RGB em seus produtos.

Exemplo de cor material: telas de computador, laptops, monitores e celulares.

Pode ser aplicado em: design gráfico, design web e fotografia digital.

O modelo cromático subtrativo CMYK (do inglês: cyan, magenta, yellow e black) ainda é o padrão na indústria gráfica. As diversas combinações e intensidades das quatro cores principais podem produzir qualquer tom necessário para um design impactante. Os arquivos de design sempre devem ser convertidos para o formato CMYK antes de serem impressos.

Exemplo de cor material: tintas de impressora.

Pode ser aplicado em: impressões e fabricação de tintas.

Todos os modelos possuem três cores primárias, três secundários e seis terciárias, ainda que as cores variem de um modelo pro outro.

Cores primárias

São chamadas assim porque não podem ser obtidas a partir da combinação de outras cores.

RYB: vermelho, amarelo e azul

RGB: vermelho, verde e azul

CMYK: ciano, magenta, amarelo e preto

Cores secundárias

As cores secundárias são obtidas a partir de uma mistura em iguais proporções de duas cores primárias. Por exemplo, na distribuição tradicional RYB, a gente consegue o verde misturando o amarelo com o azul; o laranja é obtido a partir da mistura do amarelo com vermelho e o violeta é criado misturando vermelho e azul.

RYB: vermelho, laranja, amarelo laranja, verde-amarelo, turquesa, violeta e púrpura

RGB: ciano, magenta e amarelo

CMYK: vermelho, verde e azul

Cores terciárias

As cores terciárias surgem da combinação de cores primárias e secundárias. São as misturas sucessivas e em diferentes proporções que vão ampliar a gama de cores e o degradê, que mencionamos no início deste artigo.

RYB: laranja, verde e violeta

RGB: laranja, verde-amarelo, verde ciano, azul ciano, violeta e fúcsia

CMYK: laranja, verde-amarelo, verde ciano, azul ciano, violeta e fúcsia

Cores terciárias

Fonte: Freepik

5 passos para criar um círculo cromático

  1. Determine se ele vai ser redondo ou hexagonal.
  2. Divida a estrutura em partes iguais e diferentes níveis.
  3. Posicione as cores primárias no interior do círculo cromático, na mesma proporção e distância, como se fossem os cantos de um triângulo equilátero. A partir delas, você poderá posicionar as outras cores.
  4. Coloque as cores secundárias entre as cores primárias: posicione o verde entre o amarelo e o azul, o violeta entre o azul e o vermelho, e o laranja entre o amarelo e o vermelho. Isso ajudará a determinar as cores complementares, pois elas estarão posicionadas no lado oposto do círculo.
  5. Para as cores terciárias, considere a distância entre uma cor e sua complementar oposta.

Uma ferramenta útil para criar paletas cromáticas é o Color Gear, um aplicativo que permite encontrar combinações de cores de acordo com as necessidades do seu design. Ele está disponível para Android e IOS.

Como utilizar o círculo cromático nos seus designs?

Agora que você já sabe melhor o que é o círculo cromático e para que ele serve, vamos entender como você pode usá-lo nos seus designs para chamar a atenção de clientes em potencial.

  • Tríade equidistante

Esta técnica se baseia no contraste entre três cores. Para criá-la, desenhe um triângulo equilátero sobre a roda cromática: as cores que ficarem nos cantos do triângulo são as que você vai aplicar no seu design.\

Sodimac

Fonte: Sodimac

  • Tons análogos

Você pode criar uma paleta de tons análogos, usando cores consecutivas do círculo cromático de 12 cores. Por exemplo, para o verde, os tons análogos seriam o verde-amarelo e o amarelo.

7UP

Fonte: 7UP

  • Cores complementares

As cores complementares são aquelas que estão posicionadas uma em frente à outra na roda cromática. Geralmente, consistem em uma cor primária e uma cor secundária. Por exemplo, o laranja, uma mistura de amarelo e vermelho, seria complementar ao azul, uma cor primária. Se você colocar duas cores complementares próximas, o contraste entre elas costuma dar impacto ao design.

Fonte: 1000logos

  • Tríade complementar-dividida

Essa combinação é parecida com a anterior, mas em vez de escolher cores complementares, você pega as duas cores adjacentes a ela. O contraste entre elas fica um pouco mais moderado.

Fanta

Fonte: Wikipedia

  • Tétrada equidistante

Essa combinação consiste em dois pares de cores complementares que estão igualmente distantes no círculo cromático. Para determinar as cores dessa combinação, desenhe um quadrado sobre a roda cromática. A tétrada é usada para criar imagens fortes e de alto contraste.

Google

Fonte: Wikimedia

  • Tétrada retangular

Essa técnica é parecida com a tétrada, mas as cores utilizadas estão mais próximas no círculo cromático. Isso ajuda a criar combinações com menos contraste.

Fonte: Logodesign

  • Monocromia

A monocromia consiste em escolher uma cor do círculo cromático e usar variações de tons e matizes dessa mesma cor. Por exemplo, se você escolher o azul, vai usar na composição diferentes tonalidades desse mesmo azul.

Monocromia

Fonte: Unsplash

Recapitulando os pontos-chaves:

  • O círculo cromático representa o espectro de cores visíveis para o olho humano.
  • É uma ferramenta utilizada em indústrias onde a cor tem grande importância, pois ajuda a compreender como as cores podem ser aplicadas, quais as relações entre elas, suas possíveis combinações e muito mais.
  • De acordo com os três modelos de cores RGB, RYB e CMYK, as cores são divididas em primárias, secundárias e terciárias, que geram diferentes tonalidades e combinações.
  • Existem várias estratégias para aplicar combinações de cores: você pode usar uma única cor em sua ampla gama de tonalidades ou usar cores complementares que realcem a sua imagem.

Com o nosso curso de Profissão: Designer Gráfico você pode trabalhar em uma área onde a teoria da cor é o segredo para criar imagens impactantes. Aprenda a mexer com os melhores softwares de design, criar tipografias, criar a identidade visual de uma marca. Estude com profissionais experientes e reconhecidos na área, como Aline Nitro. A Aline é head de branding e comunicação na tech.fit e atua há 18 anos na área, tendo passagens por grandes empresas como Batavo, Sadia, Cavalera e Nívea, entre outras. Faça sua inscrição e comece sua jornada rumo a uma nova carreira hoje mesmo!

Ah, e caso você queira ter acesso a conteúdos que tenham a ver com a área de design, uma dica: acompanhe os nossos webinars! Eles acontecem semanalmente, são abertos ao público e gratuitos. Dê uma conferida no nosso calendário e aproveite!

Página inicial / Design
Equipe EBAC

O conteúdo

Profissão: Designer Gráfico

Aprenda, com os melhores profissionais da área, esta profissão super valorizada, e construa sua carreira em um mercado que não para de crescer. Domine todos os aspectos do Design Gráfico, os softwares mais populares da Adobe, e tenha noções avançadas de Tipografia e Branding para se tornar um designer hiper-requisitado. Você será capaz de fazer entregas de peças gráficas desde os primeiros módulos.

12 meses
12x de
R$ 399,92
(parcelas sem juros no cartão de crédito)
Investimento pelo curso completo
R$ 4.799
R$ 9.600
Inscreva-se no curso
Compartilhe sua opinião
Notificar sobre comentários

Ou como convidado

Cadastre-se Cadastre-se Cadastre-se Cadastre-se Cadastre-se

Artigos Relacionados

18 maio 2024
8 min
Qual é a relação entre usabilidade e UX

Entenda por que a usabilidade é um fator importante para o sucesso de um negócio

18 maio 2024
8 min
25 jan 2024
6 min
O que faz um full stack designer e como se tornar um?

Requisitado pelas empresas, esse profissional domina diferentes áreas do design

25 jan 2024
6 min
09 jan 2024
11 min
O que é identidade visual?

Entenda qual a importância e os benefícios de uma identidade visual para uma empresa e como desenvolver uma.

09 jan 2024
11 min
23 dez 2023
6 min
O que é e no que consiste o design editorial?

Seus textos vão se tornar mais interessantes e fáceis de ler, se você pensar em cada elemento visual da apresentação dele.

23 dez 2023
6 min
17 dez 2023
8 min
O que faz um ilustrador e como se tornar um

Um ilustrador capta a essência visual de um texto e ajuda o leitor a processar a informação

17 dez 2023
8 min
11 dez 2023
5 min
Estudantes da EBAC participam de workshop no escritório da Adobe

Com foco na Adobe MAX 2023, os estudantes da EBAC ficaram por dentro das atualizações que estão sendo implementadas nas ferramentas da Adobe

11 dez 2023
5 min