Conceptes bàsics del color per a impressió i web

01 de 09

Grau de barreja de colors per a l'escola

Sabíeu que la roda de color que heu après a l'escola no és el mateix que els colors utilitzats per a la web? Ni tan sols la manera com es barregen els colors per imprimir? Bé, ok, els mateixos colors, només diferents arranjaments i barreges.

Tradicional (Think Paint o Crayons)

• Els colors primaris tradicionals són VERMELL, AMARELL I BLAU.
• Barregeu dos colors primaris per obtenir els colors complementaris o secundaris.
• Els colors complementaris tradicionals són NARANJA (vermell més groc), VERD (groc més blau), i PURPLE (blau més vermell).

A la preparatòria, probablement teníeu moltes oportunitats per barrejar colors primaris i fer nous colors. Va ser màgic! La barreja de colors per imprimir amb tinta no funciona gaire bé. Els colors primaris en la llum i la tinta no són els mateixos colors primaris de color vermell, groc i blau de la pintura. De fet, hi ha 6 colors primaris.

Índex bàsic del color:

1. Classificació de blocs de grau (aquesta pàgina)
2. Primaris aditius i subtractius (RGB i CMY)
3. Color RGB a la publicació d'escriptori
4. Color CMY a la publicació d'escriptori
5. Especificació de colors
6. Percepció del color
7. Matisos, tints, matisos i saturació
8. Esquemes de combinació de colors comuns
9. Combinacions de color de sintonia

02 de 09

Primàries additives i subtractives

La forma en què veiem el color és una mica diferent de la manera de barrejar la pintura. En lloc dels colors primaris vermell, blau i groc, tenim dos tipus diferents de colors primaris. Probablement hagi vist un prisma trencar un feix de llum en un arc de Sant Martí de colors. L'espectre visible de la llum es descompon en tres regions de color: vermell, verd i blau.

• Afegiu llum vermella, VERDA i BLAU (RGB) per crear llum blanca. Com que afegiu els colors junts per obtenir White, els anomenem les primàries d'additius .

  Els colors a la pantalla es mostren barrejant diferents quantitats de llum vermella, verda i blau. Tingueu en compte que les primàries d'additius normalment es refereixen al mode de color en pantalla RGB. La barreja de tintes o pintures vermelles, verdes i blaves no es produeix en blanc.

• Restareu un dels colors RGB dels altres i us queda un altre color. RGB menys fulles vermelles CYAN. RGB menys les fulles BLAU AMB. RGB menys Fulles VERDES MAGENTA. Aquestes són les primàries subtractives (CMY).

  Els colors de tinta cian, magenta i groga, juntament amb el negre, s'utilitzen en impressió a quatre colors, també coneguda com CMYK. La combinació de dues de les primàries subtractives resulta en una de les primàries additives (per exemple, cian + groc produeix verd). La barreja de les tres primàries subtractives resulta en negre (no és un negre pur, sinó un color aspre i negre).

A continuació, veurem la manera en què intentem reproduir el color en paper i en la web.

Índex bàsic del color:

1. Grau de barreja de colors per a l'escola
2. Primaris aditius i subtractius (RGB i CMY) (aquesta pàgina)
3. Color RGB a la publicació d'escriptori
4. Color CMY a la publicació d'escriptori
5. Especificació de colors
6. Percepció del color
7. Matisos, tints, matisos i saturació
8. Esquemes de combinació de colors comuns
9. Combinacions de color de sintonia

03 de 09

Color RGB a la publicació d'escriptori

El monitor de l'ordinador emet llum, per la qual cosa és raonable que l'ordinador utilitzi les tres regions de color de RED, GREEN i BLUE (les primàries additives) per reproduir els colors que veiem.

En treballar amb imatges destinades a la pantalla o a la web, designem colors per la quantitat de color vermell, verd o blau. En el programari gràfic, aquests números poden tenir aquest aspecte:

• 255 Vermell 255 VERDE 0 BLAU
  o
• 255R 255G 0B
  o
• RGB: 255,255,0
  o
• FFFF00 (pot escriure's com # FFFF00)

Tots representen groc. Un nombre entre 1-255 designa la quantitat de cada color de vermell, verd o blau, amb 255 el valor pur del 100% del color. El zero significa cap d'aquest color. Per tal que l'ordinador entengui aquests números, els traduïm a números hexadecimals de 6 dígits o triplets (codis hexadecimals) .

En el nostre exemple, FF és l'equivalent hexadecimal de 255. El triplet hexadecimal sempre està en ordre de RGB pel que la primera FF és vermella. El segon FF és groc. No hi ha blau perquè tingui 00, l'equivalent hexadecimal de zero.

Aquests són els conceptes bàsics del color a Internet. Per aprofundir en el RGB i la manera com es veu el color a la pantalla, feu clic a aquests recursos més detallats per a Color web.

Índex bàsic del color:

1. Grau de barreja de colors per a l'escola
2. Primaris aditius i subtractius (RGB i CMY)
3. Color RGB a la publicació d'escriptori (aquesta pàgina)
4. Color CMY a la publicació d'escriptori
5. Especificació de colors
6. Percepció del color
7. Matisos, tints, matisos i saturació
8. Esquemes de combinació de colors comuns
9. Combinacions de color de sintonia

04 de 09

Color CMY a la publicació d'escriptori

El color (llum) es fa restant diferents quantitats d'altres colors a partir de les primàries d'additius (RGB). Però a l'hora d'imprimir quan estem barrejant (afegint) les tintes, els colors no surten com podríem esperar. Per tant, comencem amb les primàries subtractives (CMY) i barrejarem aquells en quantitats variables (més NOMÉS abreujat com K) per obtenir els colors que volem.

Els colors per imprimir es combinen en percentatges com ara:

• 50% CIAN 100% MAGENTA 25% AMARELL
  o
• C50 M100 Y25
• I com que el negre s'utilitza normalment juntament amb CMY, també s'inclou un percentatge per a negres (fins i tot si és 0), com ara: C50 M100 Y25 K0

La quarta barra de colors d'aquest exemple és un color porpra realitzat amb diferents quantitats de cadascuna de les primàries subtractives (i no negres). El color vermell precedit és l'equivalent a CMY de RGB Rojo. La barra de color inferior no utilitza tintes CMY, només el 80% negre (K).

Aquest model de color CMY (K) és només una de moltes maneres en què podem expressar el color per imprimir, però guardarem aquest tema per a una altra característica. Hi ha altres termes relacionats amb colors que abordarem seguit breument amb més informació sobre com especificar colors per al treball imprès.

Índex bàsic del color:

1. Grau de barreja de colors per a l'escola
2. Primaris aditius i subtractius (RGB i CMY)
3. Color RGB a la publicació d'escriptori
4. Color CMY a la publicació d'escriptori (aquesta pàgina)
5. Especificació de colors
6. Percepció del color
7. Matisos, tints, matisos i saturació
8. Esquemes de combinació de colors comuns
9. Combinacions de color de sintonia

05 de 09

Especificació de colors

Escollir les combinacions de colors més agradables o efectives només forma part de l'equació en treballar amb el color. També heu de poder especificar els colors que desitgeu. Per imprimir hi ha diverses maneres d'especificar el color i pot variar depenent del nombre de colors que s'utilitzin i de com els utilitzeu. Anem a passar per algunes de les possibilitats.

• Tints d'un sol color Podeu aconseguir una gran varietat d'efectes amb un sol color de lloc (1 / C) especificant que el color es projecta (tints). Aquestes tints són percentatges del color sòlid (100%).
• Dos o més colors Combina sòlids i tints seleccionats de dos o més colors (2 / C, 3 / C, 4 / C, etc.). A l'exemple, a dalt, els colors són totes combinacions d'un sol color més negre (K) (les tres superiors són cian, les tres inferiors són magenta). (per imprimir, el negre és un color) També són percentatges.
• Colors PMS Per fer coincidir un color exactament (o el més proper a la impressió), podeu utilitzar un sistema com el Pantone Matching System. Hi ha altres també. Les mescles de color estan numerades per fer-ne una referència fàcil. El vostre programa de gràfics pot tenir paletes de colors anomenades per a alguns dels sistemes de concordança de colors més populars. Aquests us permeten triar colors per al disseny que corresponen al sistema de coloració que utilitza la impressora. Veure els sufixos del nom del color de Spot de PANTONE per obtenir més informació sobre els colors PMS. (Tingueu en compte que els noms / números de colors de la imatge poden no reflectir les designacions més actuals de Pantone).
• CMYK En la impressió de processos de quatre colors, per reproduir el color continu de color complet, utilitzem quatre colors específics. Aquests colors del procés són cian (C), groc (Y), magenta (M) (els colors SUBTRACTIUS de la nostra roda de colors), i negre (K). La percepció de milions de colors s'aconsegueix no barrejant aquests colors de tinta sinó imprimint milers de diminuts punts de cada color en diferents mides i patrons. L'ull combina aquests punts i veu més que els quatre colors de CMYK (o de vegades escrits com, CYMK).
• Separació de colors En la impressió de procés de quatre colors, en comptes d'especificar colors específics, creeu una còpia diferent de la vostra obra d'art per a cadascun dels quatre colors (CMYK). Cada còpia està impresa una a la part superior de l'altra per crear l'efecte òptic a tot color. Les separacions també es creen quan s'utilitzen més de dos colors puntuals amb cada separació que conté només les parts de la pàgina per a aquest color específic. A la il·lustració, les 4 imatges en escala de grises representen la placa d'impressió per a cada un dels quatre colors del procés. Tingueu en compte que la placa Magenta és molt més fosca sobre el cos del tractor? Es necessita molt més d'aquesta tinta de color vermellós per produir el tractor vermell brillant.

Òbviament, això només és una visió general ràpida. S'han escrit centenars de llibres i articles sobre el procés d'especificació i impressió en color. Consulteu els enllaços al final d'aquest article per obtenir una cobertura més detallada.

Índex bàsic del color:

1. Grau de barreja de colors per a l'escola
2. Primaris aditius i subtractius (RGB i CMY)
3. Color RGB a la publicació d'escriptori
4. Color CMY a la publicació d'escriptori
5. Especificació de colors (aquesta pàgina)
6. Percepció del color
7. Matisos, tints, matisos i saturació
8. Esquemes de combinació de colors comuns
9. Combinacions de color de sintonia

06 de 09

Percepció del color

Si creieu que els colors primaris eren de color vermell, blau i groc, amb colors complementaris o secundaris de color violeta, verd i taronja, llavors heu de visitar o tornar a visitar les pàgines anteriors d'aquest tutorial sobre el tema de colors perquè, per a aquesta discussió, confiem sobre els colors primaris additius i subtractius, RGB i CMY.

Diversos factors afecten la manera de percebre el color. Un d'aquests factors es pot mostrar per la posició dels colors a la roda de color en relació amb altres colors.

Nota important : en la teoria de la ciència i el color, hi ha definicions precises de colors adjacents, contrastants i complementaris i com apareixen a la roda de colors. En el disseny gràfic i alguns altres camps, utilitzem una interpretació més flexible. Els colors no han de ser oposats directes o tenen una quantitat determinada de separació per considerar-los contrastants o complementaris. En el disseny es tracta més de la percepció i el sentiment.

• Els colors adjacents apareixen al costat de l'altre a la roda del color. Dos o més colors adjacents s'harmonitzen entre si. Funcionen bé junts (generalment però no sempre). Obteniu més informació sobre els colors adjacents .

  El terme harmonitzar sona agradable i agradable. Però alguns colors d'harmonització poden aparèixer rentats (grocs / verds) o massa fosques i similars (blaus / violeta) per treballar bé junts.

• Els colors contrastats apareixen en diferents segments de la roda de color (dividiu-lo en quarts per ajudar a visualitzar-ho). A més, més enllà de la tonalitat, la saturació o el valor, més contrast. Obteniu més informació sobre colors contrastants .

  Tot i que sovint es requereix un contrast per proporcionar una llegibilitat òptima (com l'alt contrast entre el fons i el text), alguns colors contrastats quan s'imprimeixen un al costat de l'altre poden semblar vibrar i ser molt cansadors a l'ull.

• Els colors complementaris apareixen als costats oposats de la roda de color, directament o gairebé directament entre ells. Obteniu més informació sobre els colors complementaris .

  La complementària sovint es confon amb llibertat . Diferents significats. Dos colors que complementen (obsequi) entre si poden o no ser complements els uns dels altres.

Les combinacions de colors adjacents, contrastants i complementàries sovint es poden millorar mitjançant l'ús de matisos i tons o creant contrastos addicionals amb negres o blancs. Vegeu la pàgina següent per obtenir més informació bàsica sobre combinacions de colors.

Índex bàsic del color:

1. Grau de barreja de colors per a l'escola
2. Primaris aditius i subtractius (RGB i CMY)
3. Color RGB a la publicació d'escriptori
4. Color CMY a la publicació d'escriptori
5. Especificació de colors
6. Percepció del color (aquesta pàgina)
7. Matisos, tints, matisos i saturació
8. Esquemes de combinació de colors comuns
9. Combinacions de color de sintonia

07 de 09

Matisos, tints, matisos i colors de saturació

Hi ha més colors que podem veure i crear que només vermell, verd, blau, cian, groc i magenta. Encara que la roda de colors es representa sovint amb diferents blocs de colors, en realitat són milions de colors que es barregen entre si mentre ens movem al volant.

Cadascun d'aquests colors individuals és un matís. El vermell és un matís. El blau és un matís. El púrpura és un matís. Teal, violeta, taronja i verd són tonalitats.

Podeu canviar l'aparença d'un matís afegint negre (ombra) o afegint blanc (llum). El valor de la lleugeresa o la foscor i la saturació o la quantitat de la tonalitat ens donen els nostres matisos i matisos.

• Afegiu quantitats diferents de negre per obtenir matisos . Penseu en la propera foscor i en les ombres fosques per recordar que un to i més negre equival a una ombra .
• Afegiu quantitats diferents de blanc per alinear un matís. Els matisos lleugers són tints . Pel que fa a la impressió, s'utilitzen percentatges dels colors de tinta que conformen la tonalitat pura, com ara el 80%, el 50% o el 10%.

Aquesta és només una introducció bàsica. Juga al voltant amb la saturació i valoreu per crear matisos i matisos de diferents matisos utilitzant aquest creador d'esquemes de color interactiu a Colorspire. O bé, utilitzeu les funcions de color del vostre programari gràfic preferit per experimentar amb tonalitat, saturació i valor.

Es pot utilitzar la intensitat, la lleugeresa o la brillantor per referir-se al valor d'un color en alguns programes.

Índex bàsic del color:

1. Grau de barreja de colors per a l'escola
2. Primaris aditius i subtractius (RGB i CMY)
3. Color RGB a la publicació d'escriptori
4. Color CMY a la publicació d'escriptori
5. Especificació de colors
6. Percepció del color
7. Matisos, tints, ombres i saturació (aquesta pàgina)
8. Esquemes de combinació de colors comuns
9. Combinacions de color de sintonia

08 de 09

Esquemes de combinació de colors comuns

L'elecció d'un color és prou difícil, afegir un o més colors a la barreja pot ser desalentador. Si feu una cerca a la web o llegiu diversos llibres i revistes sobre colors, trobareu diversos mètodes comuns descrits. També hi haurà variacions. Només per començar, considereu aquests mètodes per obtenir la paleta perfecta per als vostres projectes d'impressió o web.

• Les paletes de colors monocromàtiques comencen amb un sol matís i després utilitzen matisos i / o tints d'aquest color per expandir-se a dos, tres o més colors. Per a la publicació impresa, l'ús de tintes d'un sol color és una manera d'utilitzar el color sense la despesa de la impressió tradicional de quatre colors. Afegiu una tinta negra per a text i accents. Learm més sobre l' ús de tintes de colors puntuals per al disseny .
• Les paletes de colors analògiques o harmonitzadores utilitzen dos o més colors adjacents a la roda de colors. Si s'utilitza un segment molt petit de la roda de color, afegir matisos o matisos d'un o més tons pot evitar que aquests colors siguin massa rentats o de baix contrast.
• Les paletes de colors complementàries poden utilitzar dos, tres o quatre parells de colors complementaris. Amb la paleta complementària dividida es veu a cada costat del complement (oposat) del vostre color principal per trobar un parell adequat per completar la tríada.
• Les paletes de colors de la tríada usen un trio de colors. Comença la meva troballa de tres colors que estan separats uniformement al voltant de la roda de color i treballen des d'allà.
• Barregeu-lo agafant un parell complementari i afegiu un tint (o dos) d'un dels colors (monocromàtic + complementari). O trieu de dos a quatre colors anàlegs (adjacents) més el complement d'un d'aquests matisos (anàlegs + complementaris).

Aquests són només punts de partida. No hi ha regles ràpides i immutables per combinar i combinar colors. També trobareu que les rodes de color que es mostren en diversos llocs poden diferir bastant perquè els oposats directes en una roda de color siguin una mica diferents en un altre. Està bé. Moure's uns quants d'una manera o una altra quan es vincula els colors és com acabem amb tot tipus de paletes de colors interessants. A la part inferior: tria combinacions de colors que es veuen correctes per al teu projecte.

• Quants colors hauria d'utilitzar? Dos a cinc (inclòs el negre o el blanc) són comuns. Més que això (excloent fotografies) pot arribar a ser visualment aclaparador, i depenent del vostre mètode d'impressió / tipus de tinta pot ser costós. Però això és només una pauta, no una regla. Amb pàgines web, l'ús de més colors no afecta el cost excepte en termes de clients perduts si els colors són massa .
• Quant de cadascun hauria d'utilitzar? Tot i que l'equilibri és important, això no significa que heu d'utilitzar quantitats iguals de tots els colors a la paleta seleccionada. Equilibri una dosi d'un color fort amb quantitats més petites de diversos colors més lleugers o domadors. De nou, no hi ha absoluts. Si utilitzeu un parell de colors molt forts, usar menys d'un d'ells pot fer que la vostra pàgina no aclareixi el lector.
• Hi ha combinacions de colors que mai no s'han d'utilitzar? Pot ser. Potser no. Vegi Combinacions de color prohibides?

Índex bàsic del color:

1. Grau de barreja de colors per a l'escola
2. Primaris aditius i subtractius (RGB i CMY)
3. Color RGB a la publicació d'escriptori
4. Color CMY a la publicació d'escriptori
5. Especificació de colors
6. Percepció del color
7. Matisos, tints, matisos i saturació
8. Esquemes de combinació de colors comuns (aquesta pàgina)
9. Combinacions de color de sintonia

09 de 09

Combinacions de color de sintonia

Algunes de les ambigüitats de les combinacions de colors adjacents, contrastants i complementàries es poden alleujar amb la introducció de matisos i tons negres i blancs, foscos i lleugers.

Ombres i tints de color
Quan utilitzeu colors adjacents o harmonitzants, podeu obtenir un major grau de llegibilitat afegint negre o blanc a un dels matisos, canviant la saturació i el valor d'un matís. El negre crea una tonalitat més fosca del matís. El blanc crea un matís més clar de l'ombra. Quan un parell groc i verd groc pugui estar molt a prop per treballar bé junts, usar un color més fosc de color verd pot ajudar el pop combo a fer-lo realitat.

Aquesta és només una introducció bàsica. Juga al voltant amb la saturació i valoreu per crear matisos i matisos de diferents matisos utilitzant aquest creador d'esquemes de color interactiu a Colorspire. O bé, utilitzeu les funcions de color del vostre programari gràfic preferit per experimentar amb tonalitat, saturació i valor. Alguns programes gràfics poden utilitzar intensitat, brillantor o lleugeresa per referir-se al valor d'un matís.

Crea un contrast amb blanc i negre
BLANC és el color clar i contrasta amb colors foscos com el vermell, el blau o el violeta. NEGRE és el color fosc i fa que els colors més clars com el groc apareguin.

Qualsevol color únic o múltiple pot canviar -per a dir, la nostra percepció d'aquests canvis- a causa dels altres colors circumdants, la proximitat dels colors entre si i la quantitat de llum. És per això que un parell de colors que poden xocar quan es col·loquin un al costat de l'altre, poden funcionar i veure's bé quan es separen a la pàgina o s'utilitzen amb altres colors.

Un color clar apareix encara més lleuger quan és adjacent a un color fosc (inclòs el negre). Dos colors similars al costat de l'altre poden aparèixer com a dos colors diferents, però situats molt separats, comencen a semblar-se al mateix color.

El paper i les emocions afecten la percepció del color
La quantitat de llum que percebem en un color també es veu afectada per la superfície sobre la qual s'imprimeix. Una corbeta vermella brillant impresa en un anunci de la revista en un paper brillant i brillant no es veurà igual que la corbeta vermella impresa a l'anunci del diari. Els papers absorbeixen i reflecteixen la llum i el color de manera diferent.

Signes de color
A més, les nostres opcions de color sovint es dicten per les emocions que evoquen colors específics i combinacions de colors. Alguns colors creen reaccions físiques. Alguns colors i combinacions de colors tenen significats específics basats en l'ús tradicional i cultural.

• Signes frescos del color (calmant): blau, verd, turquesa, plata
• Signes de colors càlids (emocionants): vermell, rosa, groc, or, taronja
• Significat de barreja de colors frescos / càlids : Morat, Lavanda, Verd, Turquesa
• Significat de color neutre (unificador): marró, beix, ivori, gris, negre, blanc

Índex bàsic del color:

1. Grau de barreja de colors per a l'escola
2. Primaris aditius i subtractius (RGB i CMY)
3. Color RGB a la publicació d'escriptori
4. Color CMY a la publicació d'escriptori
5. Especificació de colors
6. Percepció del color
7. Matisos, tints, matisos i saturació
8. Esquemes de combinació de colors comuns
9. Combinacions de coloració (aquesta pàgina)

Vegeu també: El problema amb el color, perquè quan creieu que el blau és violeta, podríem veure's vermell.