Aspectos básicos da cor para impresión e web

01 de 09

Mestura de cor escolar

Sabías que a roda de cor que aprendeu na escola non é o mesmo que as cores usadas para a web? Nin sequera a forma en que as cores se mesturan para imprimir? Ben, ok, as mesmas cores, só arranxos e mesturas diferentes.

Tradicional (Think Paint ou Crayons)

• As cores primarias tradicionais son REDE, AMARELO e AZUL.
• Mestura dúas cores primarias para obter as cores complementarias ou secundarias.
• As cores complementarias tradicionais son NARANJA (vermello máis amarelo), VERDE (amarelo máis azul) e PÚRPURA (azul máis vermello).

Na escola de graduados, probabelmente vostede tivo moitas oportunidades para mesturar cores primarias e crear novas cores. Foi máxico! A mestura de cores para imprimir con tinta non funciona do mesmo xeito. As cores primarias en luz e tinta non son as mesmas cores primarias vermellas, amarelas e azuis de pintura. De feito, hai 6 cores primarias.

Índice de cores básicos:

1. Mestura de cores da escola de grao (esta páxina)
2. Primarios aditivos e restantes (RGB e CMY)
3. Cor RGB na edición de escritorio
4. CMY Color na publicación de escritorio
5. Especificación de cores
6. Percepción da cor
7. Tonos, matices, sombras e saturación
8. Esquemas comúns de combinación de cor
9. Combinacións de cor

02 de 09

Primarias aditivas e subtrativas

O xeito no que vemos a cor é un pouco diferente do xeito en que mesturamos a pintura. No canto das cores primarias vermellas, azuis e amarelas, temos dous tipos diferentes de cores primarias. Probablemente viches un prisma que rompe un feixe de luz nun arco da vella de cores. O espectro visible da luz rompe en tres rexións de cor: vermello, verde e azul.

• Engade luz vermella, verde e azul (RGB) para crear luz branca. Porque agrega as cores xuntas para obter a branca, chamámolas as primarias aditivas .

  As cores na pantalla amósanse mesturando cantidades variables de luz vermella, verde e azul. Teña en conta que as primarias aditivas normalmente refírense ao modo de memoria en pantalla RGB. A mestura das tintas vermellas, verdes e azuis reais non produce branco.

• Resta unha das cores RGB dos demais e tes outra cor máis. RGB menos follas vermellas CYAN. RGB menos as follas AZUL AMARELO. RGB menos Follas verdes de MAGENTA. Estas son as primarias subtrativas (CMY).

  As cores de tinta cianas, magenta e amarelas - xunto co negro - úsanse en impresión a catro cores, tamén coñecida como CMYK. A combinación de dúas das primarias subtrativas resulta nunha das primarias aditivas (por exemplo, cian + amarelo produce verde). Mesturar as tres primarias subtrativas resulta en negro (non é un negro puro, senón unha cor escura e negra).

A continuación veremos a forma na que tratamos de reproducir a cor en papel e na web.

Índice de cores básicos:

1. Mestura de cor escolar
2. Primarios aditivos e restantes (RGB e CMY) (esta páxina)
3. Cor RGB na edición de escritorio
4. CMY Color na publicación de escritorio
5. Especificación de cores
6. Percepción da cor
7. Tonos, matices, sombras e saturación
8. Esquemas comúns de combinación de cor
9. Combinacións de cor

03 de 09

Cor RGB na edición de escritorio

O monitor da túa computadora emite luz, polo que é motivo polo que a computadora utiliza as tres rexións de cores de RED, VERDE e AZUL (as primarias aditivas) para reproducir as cores que vemos.

Traballando con imaxes destinadas á pantalla ou á web, designamos cores pola cantidade de vermello, verde ou azul na cor. No seu programa gráfico estes números poderían ser así:

• 255 RED 255 VERDE 0 BLUE
  ou
• 255R 255G 0B
  ou
• RGB: 255,255,0
  ou
• FFFF00 (pode escribirse como # FFFF00)

Todos estes representan amarelo. Un número entre 1-255 designa a cantidade de cada cor de vermello, verde ou azul con 255 sendo o valor puro 100% da cor. O cero non significa ningunha desa cor. Para que o computador comprenda estes números, traducimos en números de hexídeos ou triplete de 6 díxitos (códigos hexadecimales) .

No noso exemplo, FF é o equivalente hexadecimal de 255. O triplete hexadecimal sempre está en orde de RGB polo que o primeiro FF é vermello. O segundo FF é amarelo. Non hai azul polo que ten 00, o equivalente hexadecimal de cero.

Estes son os conceptos básicos da cor na web. Para profundar no RGB e como se ve a cor na pantalla, escriba estes recursos máis detallados para a cor web.

Índice de cores básicos:

1. Mestura de cor escolar
2. Primarios aditivos e restantes (RGB e CMY)
3. Cor RGB na publicación de escritorio (esta páxina)
4. CMY Color na publicación de escritorio
5. Especificación de cores
6. Percepción da cor
7. Tonos, matices, sombras e saturación
8. Esquemas comúns de combinación de cor
9. Combinacións de cor

04 de 09

CMY Color na publicación de escritorio

A cor (luz) está feita restando cantidades diferentes de outras cores a partir das primarias aditivas (RGB). Pero na impresión cando estamos mesturando (engadindo) as tintas xuntas as cores non saen como poderiamos esperar. Polo tanto, comezamos coas primarias subtrativas (CMY) e mestúranse en cantidades variables (máis negras abreviadas como K) para obter as cores que queremos.

As cores impresas mestúranse en porcentaxes como:

• 50% CYAN 100% MAGENTA 25% AMARELO
  ou
• C50 M100 Y25
• E dado que o negro normalmente se usa xunto con CMY, tamén se inclúe unha porcentaxe para o negro (mesmo se é 0), como: C50 M100 Y25 K0

A cuarta barra de cor neste exemplo é unha cor morada feita con diferentes cantidades de cada unha das primarias subtrativas (e non negra). A cor vermella que o precede é o equivalente CMY de RGB Vermello. A barra de cores inferior non usa tintas CMY, só o 80% negro (K).

Este modelo de cor CMY (K) é só unha das moitas formas en que podemos expresar a cor para imprimir, pero gardaremos ese tema para outra función. Hai outros termos relacionados coa cor que abordaremos brevemente seguindo máis na especificación de cores para o traballo de impresión.

Índice de cores básicos:

1. Mestura de cor escolar
2. Primarios aditivos e restantes (RGB e CMY)
3. Cor RGB na edición de escritorio
4. CMY Color na publicación de escritorio (esta páxina)
5. Especificación de cores
6. Percepción da cor
7. Tonos, matices, sombras e saturación
8. Esquemas comúns de combinación de cor
9. Combinacións de cor

05 de 09

Especificación de cores

Escoller as combinacións de cores máis agradables ou efectivas só forma parte da ecuación en traballar con cor. Tamén debe poder especificar as cores que desexa. Para imprimir hai varias formas de especificar a cor e pode variar dependendo da cantidade de cores usadas e de como as utilice. Só percorreremos algunhas das posibilidades.

• Tints of Single Color Pode obter unha gran variedade de efectos usando unha única cor do lugar (1 / C) especificando que a cor se proxecta (tinturas). Estas tintes son porcentaxes da cor sólida (100%).
• Dúas ou máis cores Combina sólidos e tinturas de dúas ou máis cores (2 / C, 3 / C, 4 / C etc.). No exemplo anterior, as cores son todas combinacións dunha única cor máis negra (K) (as tres superiores son cianas, a parte inferior tres son magenta). (para efectos de impresión negro é unha cor) Tamén son porcentaxes.
• Cores PMS Para combinar unha cor exactamente (ou o máis preto da impresión que se pode obter) pode usar un sistema como o Pantone Matching System. Hai outros tamén. As combinacións de cores están numeradas para facer referencia fácil. O seu programa de gráficos pode ter paleta de cores denominadas para algúns dos sistemas de correspondencia de cores máis populares. Isto permítelle escoller cores para o seu deseño que correspondan ao sistema de combinación de cores que utiliza a impresora. Vexa os sufixos de ponto de nome de puntos PANTONE para máis información sobre cores PMS. (Ten en conta que os nomes / números de cor da imaxe poden non reflectir as denominacións máis recentes de Pantone).
• CMYK En impresión en proceso de catro cores, para reproducir a cor de ton de cor continua, usamos catro cores específicas. Estas cores de proceso son cian (C), amarelo (Y), magenta (M) (as cores SUBTRACTIVAS da nosa roda de cor) e negra (K). A percepción de millóns de cores conséguese sen mesturar estas cores de tinta senón imprimir miles de pequenos puntos de cada cor en diferentes tamaños e patróns. O ollo fusiona eses puntos e ve máis que as catro cores do CMYK (ou ás veces escrito como, CYMK).
• Separacións de cores Na impresión de procesos de catro cores, en lugar de especificar cores específicas, cree unha copia diferente da súa obra de arte para cada unha das catro cores (CMYK). Cada copia está impresa unha encima da outra para crear o efecto óptico de cor. As separacións tamén se crean cando se usan máis de dúas cores puntuais con cada separación que contén só as partes da páxina para esa cor específica. Na ilustración, as 4 imaxes de escala de grises representan a placa de impresión para cada unha das catro cores do proceso. Teña en conta que a tarxeta Magenta é moito máis escura no corpo do tractor? Leva moito máis esta tinta de cor avermellada para producir o tractor vermello brillante.

Obviamente, esta é só unha visión rápida. Foron escritos centos de libros e artigos sobre o proceso de especificación e impresión en cor. Vexa as ligazóns ao final deste artigo para obter unha cobertura máis aprofundada.

Índice de cores básicos:

1. Mestura de cor escolar
2. Primarios aditivos e restantes (RGB e CMY)
3. Cor RGB na edición de escritorio
4. CMY Color na publicación de escritorio
5. Especificando cores (esta páxina)
6. Percepción da cor
7. Tonos, matices, sombras e saturación
8. Esquemas comúns de combinación de cor
9. Combinacións de cor

06 de 09

Percepción da cor

Se pensas que as cores primarias eran vermello, azul e amarelo, con cores complementarias ou secundarias de vermello, verde e laranxa, entón tes que visitar ou volver visitar as páxinas anteriores deste tutorial sobre as cores de cores, porque para esta discusión confiamos sobre as cores primarias aditivas e subtrativas, RGB e CMY.

Varios factores afectan a nosa forma de percibir a cor. Un destes factores pode ser mostrado pola posición das cores na roda de cor en relación con outras cores.

Nota importante : Na teoría da ciencia e a cor hai definicións precisas para cores adxacentes, contrastantes e complementarias e como aparecen na roda de cor. No deseño gráfico e noutros campos usamos unha interpretación máis suave. As cores non teñen que ser contrarias directas ou ter unha cantidade determinada de separación para ser consideradas de forma contrastante ou complementaria. No deseño trátase máis da percepción e do sentimento.

• As cores adxacentes aparecen xunto á outra na roda de cor. Dúas ou máis cores adxacentes harmonizan entre si. Funcionan moi ben (normalmente pero non sempre). Máis información sobre as cores adxacentes .

  O termo harmonizar soa agradable e agradable. Pero algunhas cores de harmonización poden aparecer lavadas (amarelo / verde) ou demasiado escuras e similares (azul / vermello) para funcionar ben xuntas.

• As cores contrastantes aparecen en diferentes segmentos da roda de cores (divídea nos cuartos para axudar a visualizar isto). Os máis distantes entre si en ton, saturación ou valor, máis contrastan. Máis información sobre cores contrastantes .

  Aínda que moitas veces o contraste é necesario para proporcionar unha lexibilidade óptima (como o alto contraste entre o fondo eo texto), algunhas cores contrastantes cando se imprimen lado a lado poden parecer vibrar e ser moi cansativo.

• As cores complementarias aparecen nos lados opostos da roda de cores, directamente ou case directamente entre si. Máis información sobre cores complementarias .

  O complementario adoita confundirse con complementos . Diferentes significados. Dúas cores que complementan (máis liso) entre si poden ou non ser complementos entre si.

As combinacións de cores adxacentes, contrastantes e complementarias moitas veces poden mellorarse mediante o uso de sombras e tinturas ou creando contrastes adicionais con branco ou negro. Vexa a seguinte páxina para obter máis conceptos básicos de combinación de cores.

Índice de cores básicos:

1. Mestura de cor escolar
2. Primarios aditivos e restantes (RGB e CMY)
3. Cor RGB na edición de escritorio
4. CMY Color na publicación de escritorio
5. Especificación de cores
6. Percepción da cor (esta páxina)
7. Tonos, matices, sombras e saturación
8. Esquemas comúns de combinación de cor
9. Combinacións de cor

07 de 09

Tonos, matices, sombras e cores de saturación

Hai máis cores que podemos ver e crear que só vermellos, verdes, azuis, cianos, amarelos e magenta. Aínda que a roda de cores móstrase a miúdo con distintos bloques de cores, son realmente millóns de cores que se combinan entre si mentres nos movemos ao volante.

Cada unha destas cores individuais é un matiz. O vermello é un matiz. O azul é un matiz. O vermello é un matiz. Teal, violeta, laranxa e verde son tonalidades.

Pode cambiar o aspecto dun matiz engadindo negro (sombra) ou engadindo branco (luz). O valor da lixeireza ou da escuridade e da saturación ou a cantidade do matiz dános as nosas matices e tons.

• Engade cantidades variables de negro para obter tonalidades . Pense na escuridade que vén e as sombras escuras para recordar que un matiz máis negro é igual a unha sombra .
• Engade cantidades variables de branco para aclarar un matiz. Os tons lixeiros son tintos . En termos de impresión, utiliza porcentaxes das cores de tinta que compoñen a tonalidade pura como o 80%, o 50% ou o 10%.

Esta é só unha introdución básica. Xoga ao redor con saturación e valorar para crear tons e matices de varios tons empregando este creador de esquemas de cores interactivo en Colorspire. Ou use as funcións de cores do seu programa gráfico favorito para experimentar con tonalidade, saturación e valor.

Pode usarse intensidade, lixeireza ou brillo para referirse ao valor dunha cor nalgúns programas de software.

Índice de cores básicos:

1. Mestura de cor escolar
2. Primarios aditivos e restantes (RGB e CMY)
3. Cor RGB na edición de escritorio
4. CMY Color na publicación de escritorio
5. Especificación de cores
6. Percepción da cor
7. Tonos, tons, sombras e saturación (esta páxina)
8. Esquemas comúns de combinación de cor
9. Combinacións de cor

08 de 09

Esquemas comúns de combinación de cor

Escoller unha cor é bastante difícil, engadir unha ou máis cores á mestura pode ser asustado. Se fai unha procura na web ou lea unha variedade de libros e revistas en cores, atoparás varios métodos comúns descritos. Haberá tamén variacións. Só para comezar, considere estes métodos para chegar á paleta perfecta para os seus proxectos impresos ou web.

• As paleta monocromáticas de cores comezan cun único matiz e despois usan tons e / ou tintas desa cor para expandirse a dúas, tres ou máis cores. Para a publicación impresa, usar tintas dunha única cor é unha forma de usar a cor sen o gasto da impresión tradicional de catro cores. Engade tinta negra para texto e acentos. Lea máis sobre o uso de tintes de cores para o deseño .
• As paletas de cores analóxicas ou harmonizadoras usan dúas ou máis cores adxacentes na roda de cor. Se usa un segmento moi pequeno da roda de cores, engadir tons ou tintas dun ou máis tons pode manter estas cores demasiado lavadas ou de baixo contraste.
• Paletas de cores complementarias poden usar dous, tres ou catro pares de cores complementarios. Coa paleta complementaria dividida mira a cada lado do complemento (oposto) da súa cor principal para atopar un par adecuado para completar a tríade.
• As paletas de cores triadas usan un trio de cores. Comezar a atopar tres cores que están uniformemente espazos en torno á roda de cor e traballan a partir de aí.
• Mestúrao escollendo un par complementario engadindo un ton (ou dous) dunha das cores (monocromática + complementaria). Ou elixir dúas ou catro cores análogas (adxacentes) máis o complemento dunha desas cores (análoga + complementaria).

Estes son só puntos de partida. Non hai regras rápidas e inmutables para mesturar e combinar cores. Tamén atopará que as rodas de cor mostradas en varios sitios poden diferir bastante para que os opostos directos nunha roda de cor sexan un tanto diferentes noutro. Está ben. Mover algúns tons dunha maneira ou outra ao emparejar as cores é como terminamos con todo tipo de paletas de cores interesantes. Bottom line: Escolla combinacións de cores que se consideren axeitadas para o seu proxecto.

• Cantas cores deberías usar? Dous a cinco (incluíndo negro ou branco) é común. Máis que iso (excluíndo fotografías) pode ser visualmente esmagadora e, dependendo do seu método de impresión / tipo de tinta, pode ser caro. Pero iso é só unha pauta, non unha regra. Con páxinas web, usar máis cores non afecta o custo excepto en termos de clientes perdidos se as cores son demasiado .
• Canto de cada cor debería usar? Aínda que o equilibrio é importante, isto non significa que debes usar cantidades iguais de cada cor na paleta escollida. Balancee unha dose de cor forte con cantidades menores de varias cores máis lixeiras ou de tamer. De novo, non hai absolutos. Se estás usando un par de cores moi fortes, usar menos dun deles pode manter a túa páxina abafadora do lector.
• ¿Hai algunha combinación de cores que nunca debería ser usada? Pode ser. Quizais non. Vexa Combinacións de cores prohibidas?

Índice de cores básicos:

1. Mestura de cor escolar
2. Primarios aditivos e restantes (RGB e CMY)
3. Cor RGB na edición de escritorio
4. CMY Color na publicación de escritorio
5. Especificación de cores
6. Percepción da cor
7. Tonos, matices, sombras e saturación
8. Esquemas de combinación de cor común (esta páxina)
9. Combinacións de cor

09 de 09

Combinacións de cor

Algunhas das ambigüidades das combinacións de cores adxacentes, contrastantes e complementarias pódense aliviar coa introdución de tons e tons negros e brancos, escuros e lixeiros.

Tonalidades e tons de cor
Ao usar cores adxacentes ou harmonizadas, pode acadar un maior grao de lexibilidade agregando negro ou branco a un dos matices - modificando a saturación e o valor dun matiz. O negro crea un ton máis escuro do matiz. O branco crea un matiz máis claro da sombra. Cando unha combinación amarela e verde-amarela pode estar moi preto de traballar ben xuntos, usar un ton máis escuro de verde pode axudar a que o combo realmente pop.

Esta é só unha introdución básica. Xoga ao redor con saturación e valorar para crear tons e matices de varios tons empregando este creador de esquemas de cores interactivo en Colorspire. Ou use as funcións de cores do seu programa gráfico favorito para experimentar con tonalidade, saturación e valor. Algúns programas gráficos poden usar intensidade, brillo ou lixeireza para referirse ao valor dun ton.

Crear contraste con branco e negro
O BLANCO é a cor clara máxima e contrasta ben con cores escuras como o vermello, o azul ou o vermello. NEGRO é a cor escura e fai que as cores máis claras como o amarelo realmente estendan.

Calquera cores simples ou múltiples pode cambiar - ou mellor a nosa percepción deles cambios - debido ás outras cores circundantes, a proximidade das cores entre si e a cantidade de luz. É por iso que un par de cores que poden chocar cando se colocan de xeito conxunto, poden funcionar e verse ben cando se separan na páxina ou se usan con outras cores.

Unha cor clara aparece aínda máis lixeiro cando está adxacente a unha cor escura (incluíndo o negro). Dúas cores semellantes lado a lado poden aparecer como dúas cores distintas pero colocadas separadas, comezan a parecer da mesma cor.

O papel e as emocións afectan a percepción da cor
A cantidade de luz que percibimos nunha cor tamén se ve afectada pola superficie en que se imprime. Unha corbeta vermella brillante impresa nun anuncio da revista nun papel brillante e brillante non vai parecer o mesmo que a corbeta vermella impresa no anuncio do xornal. Os papeis absorben e reflicten a luz ea cor dun xeito diferente.

Signos de cores
Ademais, as nosas opcións de cor adoitan ser ditadas polas emocións que evocan cores e combinacións de cores específicas. Algunhas cores crean reaccións físicas. Algunhas cores e combinacións de cores teñen significados específicos baseados no uso tradicional e cultural.

• Signos de cores frescas (calmantes): azul, verde, turquesa, prata
• Signos de cores cálidas (emocionantes): vermello, rosa, amarelo, ouro, laranxa
• Mestura fresca / cálida Signos de cores : vermello, lavanda, verde, turquesa
• Significado de cor neutra (unificador): marrón, beis, marfil, gris, negro e branco

Índice de cores básicos:

1. Mestura de cor escolar
2. Primarios aditivos e restantes (RGB e CMY)
3. Cor RGB na edición de escritorio
4. CMY Color na publicación de escritorio
5. Especificación de cores
6. Percepción da cor
7. Tonos, matices, sombras e saturación
8. Esquemas comúns de combinación de cor
9. Combinacións de cores (esta páxina)

Vexa tamén: O problema coa cor, porque cando pensas que o azul é vermello, poderiamos estar aver verme.