Como selecionar cores que combinam?


9

Observando as cores neste logotipo, é claro que as cores coincidem.

Como encontro um laranja e um roxo que correspondem ao mesmo esquema de cores?

Suponho que a cor no 'R' seja amarela?

insira a descrição da imagem aqui


Esta postagem de blog escrita pelo Designer de Interface do Usuário da DMC Inc fornece um pdf para download com cores e seus números de código. Ele também fornece sugestões para paletas de cores legíveis. dmcinfo.com/latest-thinking/blog/id/8840/…
Jac B

Respostas:


11

Basta usar o seletor de cores em um aplicativo como o Photoshop. Defina a caixa de diálogo para usar a opção H ou Hue e encontre uma cor inicial. Em seguida, para obter cores com valor semelhante, mova o controle deslizante para cima e para baixo na barra de cores. Isso manterá a saturação e o brilho iguais e alterará apenas o valor da Matiz. Não mova o círculo no painel de cores grande.

insira a descrição da imagem aqui

Também existem outros lugares para brincar com cores, como amantes da cor ou Kuler da Adobe


15

Não confunda "combinar" com "harmonizar". Há uma grande diferença.

Essas cores não correspondem (elas não são as mesmas ). Eles se harmonizam . Para entender a diferença, e minha resposta (que eu prometo que vai chegar!), Temos que ter um ligeiro desvio em que cor é .

Uma das coisas mais infelizes sobre a descrição de cores é que os termos-chave com significados técnicos também são usados ​​de maneira muito vaga, tanto no discurso comum quanto no mundo do design, por isso é fácil ficar confuso. Isso me confundiu muito, era uma vez, então não sinta que está sozinho.

Aqui está um esboço, uma introdução muito abreviada à cor, ortografia britânica e tudo:

Vou usar a palavra cor a partir de agora com um significado muito específico: a sensação combinada produzida no olho pela luz, refletida a partir de um pigmento específico ou diretamente de uma fonte iluminada, percebida por um observador . Essa é uma maneira extenuada de dizer "o que você vê que chama de 'uma cor'". É o que queremos dizer quando dizemos "vermelho cereja" ou "verde maçã" ou o seu fornecedor de tintas diz "esse é o Booger Green, a última moda da Ipsum Studios". Você acha que poderíamos parar por aí, mas não é a história toda. Como se costuma dizer no Facebook, "é complicado".

  • Matiz é a qualidade pela qual percebemos algo como "vermelho" ou "uma espécie de amarelo esverdeado" ou "chartreuse". Em linguagem comum, a palavra "cor" é frequentemente substituída por "matiz" e vice-versa, mas para um designer uma cor compreende um matiz e duas outras qualidades: saturação e valor .

  • A saturação refere-se a quão "pura" ou "intensa" a tonalidade está em uma determinada cor, produzida em tinta pela adição de branco, para dar "tonalidades" ou preto, para dar "tonalidades" ou "tons". Quando você reduz a saturação do vermelho adicionando branco, você fica rosa. Adicionar preto ao vermelho deixa você com um tom de vinho.

  • Valor é a relativa luminosidade ou escuridão da cor, independente da tonalidade e considerada separadamente da saturação. Um azul claro ou um azul escuro ainda são azuis . Para a maioria dos propósitos no trabalho de design, Brilho é sinônimo de Valor.

Existem outras maneiras de descrever tecnicamente as cores, mas a que eu estou fornecendo aqui é a que você encontrará com mais frequência no campo do design gráfico, e é incorporada ao Photoshop, Illustrator e InDesign, para facilitar as tarefas. -na experiência com isso.

Vamos dar um exemplo específico. Abra o seletor de cores do Photoshop e, no campo H (matiz), digite 56. Arraste o pequeno círculo de cores para a extremidade superior direita do painel:

Amarelo puro

Chame isso de "Amarelo Puro" ou "Botão de Ouro" ou o que quiser. Este é um amarelo que está totalmente saturado (não pode ficar mais intenso) e tão brilhante quanto possível. Observe que os campos S (saturação) e B (brilho) dizem "100%".

Clique em OK e abra o seletor de cores novamente. Mude o campo S para 50%. O tom não mudou e ainda é o mais brilhante possível; somente a saturação mudou. Nosso botão de ouro é agora o que? - Uma prímula, talvez. Faça S 100% novamente e agora insira 50 no campo B. Agora temos um marrom. Temos uma cor diferente , mas o tom ainda não mudou e a intensidade ou saturação não pode ser aumentada. Brinque um pouco com isso. Familiarize-se com isso, porque é fundamental para entender a harmonia das cores.

Você estava perguntando por que essas cores parecem combinar, harmonizar.

A harmonia das cores é um assunto em si mesmo, que você deve entender como designer. (Pode ser melhor chamado de harmonia de matiz , porque é mais sobre matiz do que sobre cor.) Nesse caso, existem dois pares de matizes complementares , chamados porque combinam em lados opostos da roda de cores . Essa instância em particular é conhecida como harmonia tetrádica ou "quadrada", porque os quatro tons escolhidos são espaçados uniformemente na roda, produzindo uma "dupla harmonia".

Se você usar o conta-gotas do Photoshop nessas cores, verá que nenhuma delas está totalmente saturada. A dessaturação de uma cor pode ajudar as cores que normalmente entrariam em conflito (que são muito contrastantes para proporcionar conforto) a coexistir de maneira mais pacífica. Nesse caso, usar cores com saturação e valor muito semelhantes também ajuda a harmonizar. Se você dessaturar completamente a imagem - Ctl / Cmd-Shift-U, verá o que quero dizer.

Epílogo:

Isso foi um pouco longo, mas eu não sentiria que tinha dado uma resposta sem cobrir todo o histórico necessário. Espero que você não estivesse muito entediado, de qualquer maneira.

Eu recomendo que você assine a revista " Before and After " de John McWade , mas, em qualquer caso, baixe imediatamente o PDF da roda de cores para uso em seu trabalho.

Depois de ter uma noção básica de como a roda de cores funciona e uma noção básica da teoria das cores, você encontrará recursos como o Kuler muito mais úteis.


Resposta brilhante, Alan. Além disso, você deve saber que a Ipsum Studios está lançando seis novas variantes emocionantes do Booger para 2012, incluindo Crunchy Yellow, Nasal Dairy Spray e I'm Clearly Stuck On You (um esmalte translúcido e transparente).
Lauren-clear-monica-ipsum

11
Uau! Mal posso esperar. Fique quieto, meu coração batendo! :-D
Alan Gilbertson
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.