Mistura de cores da escola primária
Você sabia que a roda de cores que você aprendeu na escola não é igual às cores usadas na web? Não é mesmo a maneira como as cores são misturadas para impressão? Bem, mesmas cores, apenas diferentes arranjos e misturas.
Tradicional (Think Paint ou Crayons)
- O tradicional primário as cores são vermelho, amarelo e azul.
- Misture duas cores primárias para obter o complementar ou cores secundárias.
- O tradicional complementar as cores são laranja (vermelho e amarelo), verde (amarelo e azul) e roxo (azul e vermelho).
Na escola, você provavelmente teve muitas oportunidades para misturar cores primárias e fazer novas cores. Foi mágica! A mistura de cores para impressão com tinta não funciona da mesma forma. As cores primárias em luz e tinta não são as mesmas cores primárias de tinta vermelha, amarela e azul. Na verdade, existem 6 cores primárias.
Índice básico de cores:
- Mistura de Cores da Escola (nesta página)
- Primárias Aditivas e Subtrativas (RGB e CMY)
- Cor RGB na publicação em desktop
- CMYK Color in Desktop Publishing
- Especificando cores
- Percepção da cor
- Matizes, matizes, sombras e saturação
- Esquemas de combinação de cores comuns
- Combinações de cores de ajuste fino
02 de 09
Primárias Aditivas e Subtrativas
A maneira como vemos a cor é um pouco diferente da maneira como misturamos tinta. Em vez das cores primárias vermelha, azul e amarela, temos dois tipos diferentes de cores primárias. Você provavelmente já viu um prisma quebrar um feixe de luz em um arco-íris de cores. O espectro visível de luz se divide em três regiões de cores: vermelho, verde e azul.
- Adicione luz vermelha, verde e azul (RGB) para criar luz branca. Porque você adiciona as cores para ficar branco, nós chamamos de primárias aditivas. As cores na tela são exibidas misturando quantidades variáveis de luz vermelha, verde e azul. Tenha em mente que as primárias aditivas geralmente se referem ao modo de cor RGB na tela. A mistura de tintas ou tintas reais vermelhas, verdes e azuis não produz branco.
- Subtraia uma das cores RGB das outras e ficará com outra cor. RGB menos o vermelho deixa ciano. RGB menos as folhas azuis amarelas. RGB menos as folhas verdes magenta. Estes são chamados de primárias subtrativas (CMY) As cores de tinta ciano, magenta e amarela - junto com preto - são usadas na impressão de processo de quatro cores, também conhecida como CMYK. A combinação de duas das primárias subtrativas resulta em uma das primárias aditivas (por exemplo, cyan + yellow produz verde). Misturar todas as três primárias subtrativas resulta em preto (não preto puro, mas uma cor preta escura).
Em seguida, veremos a maneira como tentamos reproduzir as cores na impressão e na Web.
Índice básico de cores:
- Mistura de cores da escola primária
- Primárias Aditivas e Subtrativas (RGB e CMY) (esta página)
- Cor RGB na publicação em desktop
- CMY Color in Desktop Publishing
- Especificando cores
- Percepção da cor
- Matizes, matizes, sombras e saturação
- Esquemas de combinação de cores comuns
- Combinações de cores de ajuste fino
Cor RGB na publicação em desktop
O monitor do seu computador emite luz, portanto, é razoável supor que o computador usa as três regiões de cores vermelho, verde e azul (as primárias aditivas) para reproduzir as cores que vemos.
Trabalhando com imagens destinadas à tela ou à web, designamos cores pela quantidade de vermelho, verde ou azul na cor. Em seu software gráfico, esses números podem se parecer com isso:
- 255 VERMELHO 255 VERDE 0 AZULou
- 255R 255G 0Bou
- RGB: 255,255,0ou
- FFFF00 (pode ser escrito como # FFFF00)
Todos estes representam amarelo. Um número entre 1-255 designa a quantidade de cada cor de vermelho, verde ou azul, sendo 255 o valor puro de 100% da cor. Zero significa nada dessa cor. Para que seu computador entenda esses números, nós os traduzimos em 6 dígitos hexadecimal números ou trigêmeos (códigos hexadecimais).
Em nosso exemplo, FF é o equivalente hexadecimal de 255. O tripleto hexadecimal é sempre na ordem de RGB, portanto, o primeiro FF é vermelho. O segundo FF é amarelo. Não há azul, então tem 00, o equivalente hexadecimal de zero.
Estes são os princípios básicos para cores na web. Para aprofundar o RGB e a aparência das cores na tela, explore esses recursos mais detalhados para a cor da web.
Índice básico de cores:
- Mistura de cores da escola primária
- Primárias Aditivas e Subtrativas (RGB e CMY)
- Cor RGB na publicação de desktop (esta página)
- CMY Color in Desktop Publishing
- Especificando cores
- Percepção da cor
- Matizes, matizes, sombras e saturação
- Esquemas de combinação de cores comuns
- Combinações de cores de ajuste fino
CMY Color in Desktop Publishing
A cor (luz) é feita subtraindo quantidades diferentes de outras cores das primárias aditivas (RGB). Mas na impressão quando estamos misturando (adicionando) tintas juntas, as cores não saem como poderíamos esperar. Portanto, começamos com as primárias subtrativas (CMY) e as misturamos em quantidades variáveis (mais o preto abreviado como K) para obter as cores que queremos.
As cores para impressão são misturadas em porcentagens como:
- 50% CIANO 100% MAGENTA 25% AMARELOou
- C50 M100 Y25
- E como o preto é normalmente usado junto com o CMY, uma porcentagem para o preto (mesmo que seja 0) também está incluída, como: C50 M100 Y25 K0
A quarta barra de cores neste exemplo é uma cor roxa feita com quantidades diferentes de cada uma das primárias subtrativas (e não preta).A cor vermelha que precede é o equivalente CMY do RGB Vermelho. A barra de cores inferior não usa tintas CMY, apenas 80% de preto (K).
Esse modelo de cores CMY (K) é apenas uma das muitas maneiras pelas quais podemos expressar a cor para impressão - mas salvaremos esse tópico para outro recurso. Há outros termos relacionados a cores que abordaremos brevemente seguidos com mais detalhes sobre a especificação de cores para trabalhos de impressão.
Índice básico de cores:
- Mistura de cores da escola primária
- Primárias Aditivas e Subtrativas (RGB e CMY)
- Cor RGB na publicação em desktop
- Cor CMY na publicação na área de trabalho (esta página)
- Especificando cores
- Percepção da cor
- Matizes, matizes, sombras e saturação
- Esquemas de combinação de cores comuns
- Combinações de cores de ajuste fino
Especificando cores
Escolher as combinações de cores mais agradáveis ou eficazes é apenas parte da equação em trabalhar com cores. Você também deve ser capaz de especificar as cores desejadas. Para imprimir, existem várias maneiras de especificar cores e elas podem variar dependendo do número de cores usadas e de como você as usa. Nós vamos apenas passar por algumas das possibilidades.
- Matizes de uma única cor: Você pode obter uma grande variedade de efeitos usando uma única cor pontual (1 / C), especificando que a cor seja rastreada (tons). Esses tons são porcentagens da cor sólida (100%).
- Duas ou mais cores: Combine sólidos e cores selecionadas de duas ou mais cores (2 / C, 3 / C, 4 / C etc.). No exemplo acima, as cores são todas combinações de uma única cor mais preto (K) (as três superiores são ciano, as três inferiores são magentas). (para fins de impressão, preto é uma cor) Eles também são porcentagens.
- Cores PMS: Para corresponder uma cor exatamente (ou o mais próximo que a impressão pode ser obtida), você pode usar um sistema como o Pantone Matching System. Há outros também. Misturas de cores são numeradas para facilitar a consulta. Seu programa gráfico pode ter paletas de cores nomeadas para alguns dos sistemas de correspondência de cores mais populares. Eles permitem que você escolha cores para seu design que correspondam ao sistema de correspondência de cores que sua impressora usa. (Observe que os nomes / números das cores na imagem podem não refletir as designações mais atuais do Pantone.)
- CMYK Na impressão de processo em quatro cores, para reproduzir cores de tons contínuos em cores, usamos quatro cores específicas. Essas cores de processo são ciano (C), amarelo (Y), magenta (M) (as cores SUBTRATIVAS da nossa roda de cores) e preto (K). A percepção de milhões de cores é obtida não misturando essas cores, mas imprimindo milhares de pequenos pontos de cada cor em diferentes tamanhos e padrões. O olho mescla esses pontos e vê mais do que as quatro cores do CMYK (ou às vezes escritas como CYMK).
- Separações de cores Na impressão de processo em quatro cores, em vez de especificar cores específicas, você cria uma cópia diferente do trabalho artístico para cada uma das quatro cores (CMYK). Cada cópia é impressa uma sobre a outra para criar o efeito óptico da cor completa. As separações também são criadas ao usar mais de duas cores exatas, com cada separação contendo apenas as partes da página para essa cor específica. Na ilustração, as 4 imagens em escala de cinza representam a placa de impressão para cada uma das 4 cores de processo. Observe como a placa magenta é muito mais escura no corpo do trator? É preciso muito mais tinta de cor avermelhada para produzir o trator vermelho vivo.
Obviamente, esta é apenas uma visão geral rápida. Centenas de livros e artigos foram escritos sobre o processo de especificação e impressão em cores.
Índice básico de cores:
- Mistura de cores da escola primária
- Primárias Aditivas e Subtrativas (RGB e CMY)
- Cor RGB na publicação em desktop
- CMY Color in Desktop Publishing
- Especificando cores (esta página)
- Percepção da cor
- Matizes, matizes, sombras e saturação
- Esquemas de combinação de cores comuns
- Combinações de cores de ajuste fino
Percepção da cor
Se você pensou que as cores primárias eram Vermelho, Azul e Amarelo, com cores complementares ou secundárias de Roxo, Verde e Laranja, então você precisa visitar ou re-visitar as páginas anteriores deste tutorial de Noções Básicas de Cor porque para esta discussão nós confiamos nas cores primárias aditivas e subtrativas, RGB e CMY.
Vários fatores afetam a maneira como percebemos a cor. Um desses fatores pode ser mostrado pela posição das cores na roda de cores em relação às outras cores.
Nota importante: Na ciência e na teoria das cores, existem definições precisas para cores adjacentes, contrastantes e complementares e como elas aparecem na roda de cores. No design gráfico e em alguns outros campos, usamos uma interpretação mais flexível. As cores não precisam ser opostas diretas ou ter uma quantidade definida de separação para serem consideradas contrastantes ou complementares. No design, é mais sobre percepção e sentimento.- Adjacente as cores aparecem próximas umas das outras na roda de cores. Duas ou mais cores adjacentes harmonizar uns com os outros. Eles trabalham bem juntos (geralmente, mas nem sempre). Aprenda mais sobre cores adjacentes. O termo harmoniza soa agradável, agradável. Mas algumas cores de harmonização podem parecer desbotadas (amarelo / verde) ou muito escuras e semelhantes (azul / roxo) para funcionarem bem juntas.
- Contrastando as cores aparecem em diferentes segmentos da roda de cores (divida em trimestres para ajudar a visualizar isso). Quanto mais distantes uma da outra em matiz, saturação ou valor, mais contraste. Saiba mais sobre cores contrastantes. Embora o contraste seja frequentemente necessário para fornecer uma ótima legibilidade (como alto contraste entre plano de fundo e texto), algumas cores contrastantes quando impressas lado a lado podem parecer vibrar e ser muito cansativas nos olhos.
- Complementar as cores aparecem em lados opostos da roda de cores, diretamente ou quase diretamente em frente uma da outra. Saiba mais sobre cores complementares. Complementar é frequentemente confundido com cortesia . Significados diferentes. Duas cores que complementam (mais planas) umas às outras podem ou não ser complementares umas das outras.
Combinações de cores adjacentes, contrastantes e complementares podem ser melhoradas pelo uso de tons e tonalidades ou pela criação de contraste adicional com preto ou branco. Veja a próxima página para mais noções básicas de combinação de cores.
Índice básico de cores:
- Mistura de cores da escola primária
- Primárias Aditivas e Subtrativas (RGB e CMY)
- Cor RGB na publicação em desktop
- CMY Color in Desktop Publishing
- Especificando cores
- Percepção de cor (esta página)
- Matizes, matizes, sombras e saturação
- Esquemas de combinação de cores comuns
- Combinações de cores de ajuste fino
Matizes, matizes, sombras e cores de saturação
Há mais cores que podemos ver e criar do que apenas Vermelho, Verde, Azul, Ciano, Amarelo e Magenta. Embora a roda de cores seja frequentemente representada com blocos de cores distintos, são realmente milhões de cores que se misturam entre si à medida que nos movemos ao redor da roda.
Cada uma dessas cores individuais é um matiz. Vermelho é um tom. Azul é uma tonalidade. O roxo é um tom. Verde-azulado, violeta, laranja e verde são todos os matizes.
Você pode alterar a aparência de um matiz adicionando preto (sombra) ou adicionando branco (claro). o valor de leveza ou escuridão e o saturação ou quantidade da tonalidade nos dá nossas tonalidades e tons.
- Adicione quantidades variáveis de preto para obter tons. Pense na escuridão que se aproxima e nas sombras que escurecem para lembrar que matiz mais Preto é igual a sombra.
- Adicione quantidades variáveis de branco para clarear uma tonalidade. Os tons claros são matizes. Em termos de impressão, você usa porcentagens das cores de tinta que compõem o tom puro, como 80%, 50% ou 10%.
Esta é apenas uma introdução básica. Brinque com a saturação e valorize para criar matizes e tons de vários matizes usando este Criador de Esquemas de Cores interativo no Colorspire. Ou use os recursos de cores do seu software gráfico favorito para testar a matiz, a saturação e o valor.
Intensidade, luminosidade ou brilho podem ser usados para se referir ao valor de uma cor em alguns programas de software.
Índice básico de cores:
- Mistura de cores da escola primária
- Primárias Aditivas e Subtrativas (RGB e CMY)
- Cor RGB na publicação em desktop
- CMY Color in Desktop Publishing
- Especificando cores
- Percepção da cor
- Matizes, matizes, sombras e saturação (esta página)
- Esquemas de combinação de cores comuns
- Combinações de cores de ajuste fino
Esquemas de combinação de cores comuns
Escolher uma cor é bastante difícil, adicionar uma ou mais cores à mistura pode ser assustador. Se você fizer uma pesquisa na Web ou ler uma variedade de livros e revistas sobre cores, encontrará vários métodos comuns descritos. Também haverá variações. Apenas para você começar, considere estes métodos para criar a paleta perfeita para seus projetos impressos ou web.
- Monocromático As paletas de cores começam com um único matiz e, em seguida, usam tons e / ou matizes dessa cor para expandir para duas, três ou mais cores. Para a publicação impressa, o uso de matizes de uma única cor é uma maneira de usar cores sem o custo da impressão tradicional do processo em quatro cores. Adicione tinta preta para texto e acentos.
- Análogo ou a harmonização de paletas de cores usa duas ou mais cores adjacentes na roda de cores. Se usar um segmento muito pequeno da roda de cores, adicionar tons ou tons de um ou mais tons pode impedir que essas cores sejam muito desbotadas ou com baixo contraste.
- Complementar paletas de cores podem usar dois, três ou quatro pares de cores complementares. Com a paleta complementar dividida, olhe para os dois lados do complemento (oposto) de sua cor principal para encontrar um par adequado para completar a tríade.
- Tríade paletas de cores usam um trio de cores. Comece encontrando três cores espaçadas ao redor da roda de cores e trabalhe a partir daí.
- Misture escolhendo um par complementar e depois adicionando um tom (ou dois) de uma das cores (monocromática + complementar). Ou escolha duas a quatro cores análogas (adjacentes) mais o complemento de um desses matizes (análogos + complementares).
Estes são apenas pontos de partida. Não existem regras rígidas e imutáveis para misturar e combinar cores. Você também descobrirá que as rodas de cores mostradas em vários sites podem diferir bastante, de modo que os opostos diretos em uma roda de cores são um pouco diferentes em outra. Isso está ok. Mover algumas tonalidades de uma forma ou de outra quando se combina cores é como acabamos com todos os tipos de paletas de cores interessantes. Conclusão: escolha combinações de cores que parecem corretas para o seu projeto.
- Quantas cores você deve usar? Dois a cinco (incluindo preto ou branco) é comum. Mais do que isso (excluindo fotografias) pode tornar-se visualmente avassalador - e dependendo do seu método de impressão / tipo de tinta pode ser caro. Mas isso é apenas uma diretriz, não uma regra. Com as páginas da Web, o uso de mais cores não afeta o custo, exceto em termos de clientes perdidos, se as cores forem demais .
- Quanto de cada cor você deve usar? Embora o equilíbrio seja importante, isso não significa que você deve usar quantidades iguais de todas as cores em sua paleta escolhida. Equilibre uma dose de cor forte com quantidades menores de várias cores mais leves ou domadoras. Mais uma vez, não há absolutos. Se você estiver usando um par de cores muito fortes, usar menos de um deles pode impedir que sua página sobrecarregue o leitor.
- Existem combinações de cores que nunca devem ser usadas? Talvez. Talvez não.Veja algumas das combinações de cores proibidas antes de fazer suas escolhas finais de combinação de cores.
Índice básico de cores:
- Mistura de cores da escola primária
- Primárias Aditivas e Subtrativas (RGB e CMY)
- Cor RGB na publicação em desktop
- CMY Color in Desktop Publishing
- Especificando cores
- Percepção da cor
- Matizes, matizes, sombras e saturação
- Esquemas de combinação de cores comuns (esta página)
- Combinações de cores de ajuste fino
Combinações de cores de ajuste fino
Algumas das ambiguidades das combinações de cores adjacentes, contrastantes e complementares podem ser atenuadas com a introdução de preto e branco, sombras e tons escuros e claros.
Tons e matizes de cor
Ao usar cores adjacentes ou de harmonização, você pode obter um maior grau de legibilidade adicionando preto ou branco a um dos matizes - alterando a saturação e o valor de um matiz. Preto cria um tom mais escuro da tonalidade. Branco cria um tom mais claro da sombra. Onde um emparelhamento amarelo e amarelo-verde pode estar muito próximo para funcionar bem em conjunto, usar um tom de verde mais escuro pode ajudar o combo a realmente estourar.
Esta é apenas uma introdução básica. Brinque com a saturação e valorize para criar matizes e tons de vários matizes usando este Criador de Esquemas de Cores interativo no Colorspire. Ou use os recursos de cores do seu software gráfico favorito para testar a matiz, a saturação e o valor. Alguns softwares gráficos podem usar intensidade, brilho ou luminosidade para se referir ao valor de um matiz.
Crie contraste com preto e branco
O branco é a cor final da luz e contrasta bem com cores escuras como vermelho, azul ou roxo. O preto é a melhor cor escura e faz com que cores mais claras, como o amarelo, realmente saiam.
Qualquer única ou várias cores podem mudar - ou melhor, nossa percepção deles muda - devido às outras cores circundantes, a proximidade das cores entre si e a quantidade de luz. É por isso que um par de cores que podem colidir quando colocadas lado a lado, podem funcionar e ter boa aparência quando separadas na página ou usadas com outras cores.
Uma cor clara aparece ainda mais clara quando é adjacente a uma cor escura (incluindo preto). Duas cores semelhantes lado a lado podem aparecer como duas cores distintas, mas colocadas bem afastadas, elas começam a ter a mesma cor.
Papel e emoções afetam a percepção de cores
A quantidade de luz que percebemos em uma cor também é afetada pela superfície na qual ela é impressa. Uma corveta vermelha brilhante impressa em um anúncio de revista em papel liso e brilhante não vai parecer a mesma que a corveta vermelha impressa no anúncio de jornal. Os papéis absorvem e refletem a luz e a cor de maneira diferente.
Significados da cor
Além disso, nossas escolhas de cores são frequentemente ditadas pelas emoções que cores específicas e combinações de cores evocam. Certas cores criam reações físicas. Algumas cores e combinações de cores têm significados específicos baseados no uso tradicional e cultural.
- Calmante: Azul, Verde, Turquesa, Prata
- Emocionante: vermelho, rosa, amarelo, ouro, laranja
- Significados mistos da cor fresca / morna: Roxo, lavanda, verde, turquesa
- Significados da Cor Neutra (unificador): Marrom, Bege, Marfim, Cinza, Preto, Branco
Índice básico de cores:
- Mistura de cores da escola primária
- Primárias Aditivas e Subtrativas (RGB e CMY)
- Cor RGB na publicação em desktop
- CMY Color in Desktop Publishing
- Especificando cores
- Percepção da cor
- Matizes, matizes, sombras e saturação
- Esquemas de combinação de cores comuns
- Combinações de cores de ajuste fino (esta página)
