Kleur Basis vir Druk en Web

01 van 09

Graadskool Kleurmengsel

Het jy geweet dat die kleurwiel wat jy in die skool geleer het, nie dieselfde is as die kleure wat op die web gebruik word nie? Dit is nie eens die manier waarop kleure gemeng word vir drukwerk nie? Wel, ok, dieselfde kleure, net verskillende reëlings en mengsels.

Tradisionele (Dink verf of kryte)

• Die tradisionele primêre kleure is rooi, geel en blou.
• Meng twee primêre kleure om die komplementêre of sekondêre kleure te kry.
• Die tradisionele komplementêre kleure is ORANGE (Rooi plus Geel), GROEN (Geel plus Blou), en PURPEL (Blou plus Rooi).

In graadskool het jy waarskynlik genoeg geleenthede om primêre kleure te meng en nuwe kleure te maak. Dit was magie! Mengkleure vir drukwerk met ink werk nie heeltemal dieselfde nie. Primêre kleure in lig en ink is nie dieselfde rooi, geel en blou primêre kleure van verf nie. Trouens, daar is 6 primêre kleure.

Kleur Basis Indeks:

1. Graadskool Kleurmengsel (hierdie bladsy)
2. Additief en Subtraktiewe Primaries (RGB & CMY)
3. RGB-kleur in Desktop Publishing
4. CMY Kleur in Desktop Publishing
5. Kleure spesifiseer
6. Persepsie van kleur
7. Kleure, tintes, skakerings en versadiging
8. Algemene kleur kombinasie skemas
9. Fine-tuning Color Combinations

02 van 09

Additiewe en Subtraktiewe Primaries

Die manier waarop ons kleur sien is 'n bietjie anders as die manier waarop ons verf meng. In plaas van die rooi, blou en geel primêre kleure het ons twee verskillende tipes primêre kleure. Jy het waarskynlik 'n prisma 'n ligstraal in 'n reënboog van kleure gesien. Die sigbare ligspektrum breek in drie kleurstreke af: rooi, groen en blou.

• Voeg rooi, groen en blou (RGB) lig by om wit lig te skep. Omdat jy die kleure bymekaar voeg om White te kry, noem ons dit die additiewe primêre .

  Kleure op die skerm word vertoon deur verskillende hoeveelhede rooi, groen en blou lig te meng. Hou in gedagte dat die additiewe primêre hoofsaaklik verwys na die kleurmodus RGB op die skerm. Meng werklike rooi, groen en blou ink of verf maak nie wit nie.

• Trek een van die RGB-kleure van die ander af en jy het nog 'n ander kleur. RGB min RED verlaat CYAN. RGB minus die BLUE verlaat GEEL. RGB minus groen blare MAGENTA. Dit word die subtraktiewe primêre (CMY) genoem.

  Siaan, magenta en geel ink kleure - saam met swart - word gebruik in vierkleurprosessering, ook bekend as CMYK. Die kombinasie van twee van die subtraktiewe primaries lei tot een van die additiewe primaries (byvoorbeeld, cyaan + geel produseer groen). Die vermenging van al drie die subtraktiewe primaries lei tot swart (nie 'n suiwer swart, maar 'n donker swartagtige kleur nie).

Vervolgens kyk ons ​​na die manier waarop ons probeer om kleur in druk en op die web weer te gee.

Kleur Basis Indeks:

1. Graadskool Kleurmengsel
2. Additief en Subtraktiewe Primaries (RGB & CMY) (hierdie bladsy)
3. RGB-kleur in Desktop Publishing
4. CMY Kleur in Desktop Publishing
5. Kleure spesifiseer
6. Persepsie van kleur
7. Kleure, tintes, skakerings en versadiging
8. Algemene kleur kombinasie skemas
9. Fine-tuning Color Combinations

03 van 09

RGB-kleur in Desktop Publishing

Jou rekenaarmonitor laat lig uit, daarom is dit die rede dat die rekenaar die drie kleurstreke van ROOD, GROEN en BLAUW gebruik (die additiewe primaries) om die kleure wat ons sien, weer te gee.

Deur te werk met beelde wat bestem is vir die skerm of die web, wys ons kleure aan met die hoeveelheid ROOD, GROEN of BLAUW in die kleur. In jou grafiese sagteware kan hierdie nommers soos volg lyk:

• 255 ROOD 255 GROEN 0 BLAUW
  of
• 255R 255G 0B
  of
• RGB: 255,255,0
  of
• FFFF00 (kan geskryf word as # FFFF00)

Al hierdie is geel. 'N Getal tussen 1-255 dui die hoeveelheid van elke kleur rooi, groen of blou aan, met 255 die suiwer 100% waarde van die kleur. Nul beteken niks van daardie kleur nie. Ten einde jou rekenaar te verstaan ​​om hierdie nommers te verstaan, vertaal ons dit in 6-syfer- heksiedimale getalle of driekoppe (heks kodes) .

In ons voorbeeld is FF die heksadesimale ekwivalent van 255. Die heksadesimale triplet is altyd in die volgorde van RGB sodat die eerste FF rooi is. Die tweede VF is geel. Daar is geen blou nie, dit het 00, die heksadesimale ekwivalent van nul.

Dit is die basiese beginsels vir kleur op die web. Om meer diep in RGB te verdiep en hoe kleur op die skerm lyk, grawe in hierdie meer gedetailleerde bronne vir Web Kleur.

Kleur Basis Indeks:

1. Graadskool Kleurmengsel
2. Additief en Subtraktiewe Primaries (RGB & CMY)
3. RGB-kleur in Desktop Publishing (hierdie bladsy)
4. CMY Kleur in Desktop Publishing
5. Kleure spesifiseer
6. Persepsie van kleur
7. Kleure, tintes, skakerings en versadiging
8. Algemene kleur kombinasie skemas
9. Fine-tuning Color Combinations

04 van 09

CMY Kleur in Desktop Publishing

Kleur (lig) word gemaak deur verskillende hoeveelhede ander kleure af te trek van die additiewe primêre (RGB). Maar in die druk wanneer ons die ink bymekaar voeg (voeg) by, kom die kleure nie uit soos ons sou verwag nie. Daarom begin ons met die subtraktiewe primaries (CMY) en meng dit in verskillende hoeveelhede (plus BLACK afgekort as K) om die kleure wat ons wil hê, te kry.

Kleure vir druk word gemeng in persentasies soos:

• 50% CYAN 100% MAGENTA 25% GEEL
  of
• C50 M100 Y25
• En aangesien swart tipies gebruik word saam met CMY, is 'n persentasie vir swart (selfs al is dit 0) ook ingesluit, soos: C50 M100 Y25 K0

Die 4de kleurstaaf in hierdie voorbeeld is 'n pers kleur wat gemaak word met verskillende hoeveelhede van elk van die subtraktiewe primêre (en nie swart nie). Die rooi kleur wat dit voorafgaan, is die CMY-ekwivalent van RGB Red. Die onderste kleurbalk gebruik geen CMY ink nie, slegs 80% swart (K).

Hierdie CMY (K) kleurmodel is slegs een van die verskillende maniere waarop ons kleur vir druk kan uitdruk - maar ons sal daardie onderwerp vir 'n ander funksie stoor. Daar is ander kleurverwante terme wat ons kortliks sal aanspreek met meer op die spesifiseer van kleure vir drukwerk.

Kleur Basis Indeks:

1. Graadskool Kleurmengsel
2. Additief en Subtraktiewe Primaries (RGB & CMY)
3. RGB-kleur in Desktop Publishing
4. CMY Kleur in Desktop Publishing (hierdie bladsy)
5. Kleure spesifiseer
6. Persepsie van kleur
7. Kleure, tintes, skakerings en versadiging
8. Algemene kleur kombinasie skemas
9. Fine-tuning Color Combinations

05 van 09

Kleure spesifiseer

Die keuse van die aangename of effektiewe kleurkombinasies is slegs deel van die vergelyking om met kleur te werk. U moet ook die kleure kan spesifiseer wat u wil hê. Vir drukwerk is daar 'n aantal maniere om kleur te spesifiseer en dit kan wissel afhangende van die aantal kleure wat gebruik word en hoe jy dit gebruik. Ons gaan net 'n paar van die moontlikhede deur.

• Tinten van 'n enkele kleur U kan 'n groot verskeidenheid effekte bereik met 'n enkele kolom kleur (1 / C) deur te spesifiseer dat die kleur gekleur word (tinten). Hierdie kleure is persentasies van die soliede kleur (100%).
• Twee of meer kleure Kombineer soliede en gesifte tinten van twee of meer kleure (2 / C, 3 / C, 4 / C ens.). In die voorbeeld hierbo is die kleure alle kombinasies van een kleur plus swart (K) (boonste drie is siaan, onder drie is magenta). (vir drukdoeleindes is swart 'n kleur). Hulle is ook persentasies.
• PMS-kleure Om 'n kleur presies aan te pas (of so naby as wat druk kan kry) kan jy 'n stelsel soos die Pantone Matching System gebruik. Daar is ook ander. Kleurmengsels word genommer vir maklike verwysing. Jou grafiese program mag kleurpalette hê wat genoem word vir sommige van die meer gewilde kleurverwante stelsels. Dit laat jou toe om kleure vir jou ontwerp te kies wat ooreenstem met die kleur wat ooreenstem met die stelsel wat jou drukker gebruik. Sien PANTONE Spot Colour Name Suffixes vir meer op PMS kleure. (Let daarop dat die kleur name / nommers in die prent nie die mees onlangse benamings van Pantone weerspieël nie.)
• CMYK In vierkleurprosessering, om volkleur-kontinue kleur te reproduseer, gebruik ons ​​vier spesifieke kleure. Hierdie proses kleure is sian (C), geel (Y), magenta (M) (die SUBTRAKTIEWE kleure van ons kleurwiel) en swart (K). Die persepsie van miljoene kleure word bereik deur nie hierdie kleure ink te meng nie, maar deur duisende klein kolle van elke kleur in verskillende groottes en patrone te druk. Die oog meng die punte en sien meer as die vier kleure van CMYK (of soms geskryf as, CYMK).
• Kleurskeidings In vierkleurprosessering, eerder as om spesifieke kleure te spesifiseer, skep jy 'n ander kopie van jou kunswerk vir elk van die vier kleure (CMYK). Elke kopie word een bo-op die ander gedruk om die optiese effek van volkleur te skep. Skeidings word ook geskep wanneer daar meer as twee kolomkleure gebruik word, met elke skeiding wat slegs die dele van die bladsy vir daardie spesifieke kleur bevat. In die illustrasie verteenwoordig die 4 grysskaalbeelde die drukplaat vir elk van die 4 proseskleure. Let op hoe die Magenta-plaat baie donkerder op die trekker se liggaam is? Dit neem baie meer van hierdie rooierige kleurinkt om die helderrooi trekker te produseer.

Dit is duidelik dat dit net 'n vinnige oorsig is. Honderde boeke en artikels is oor die proses van spesifikasie en drukwerk in kleur geskryf. Sien die skakels aan die einde van hierdie artikel vir meer deeglike dekking.

Kleur Basis Indeks:

1. Graadskool Kleurmengsel
2. Additief en Subtraktiewe Primaries (RGB & CMY)
3. RGB-kleur in Desktop Publishing
4. CMY Kleur in Desktop Publishing
5. Kleure spesifiseer (hierdie bladsy)
6. Persepsie van kleur
7. Kleure, tintes, skakerings en versadiging
8. Algemene kleur kombinasie skemas
9. Fine-tuning Color Combinations

06 van 09

Persepsie van kleur

As jy gedink het dat die primêre kleure Rooi, Blou en Geel was, met komplementêre of sekondêre kleure van Pers, Groen en Oranje, moet jy die vorige bladsye van hierdie Color Basics-tutoriaal besoek of herbesoek omdat ons vir hierdie bespreking vertrou. op die additiewe en subtraktiewe primêre kleure, RGB en CMY.

Verskeie faktore beïnvloed die manier waarop ons kleur beskou. Een van die faktore kan getoon word deur die posisie van kleure op die kleurwiel in verhouding tot ander kleure.

Belangrike Nota : In wetenskap- en kleurteorie is daar presiese definisies vir aangrensende, kontrasterende en komplementêre kleure en hoe dit op die kleurwiel verskyn. In grafiese ontwerp en ander velde gebruik ons ​​'n loser interpretasie. Kleure hoef nie regstreekse teenstellings te wees nie, of 'n bepaalde hoeveelheid skeiding moet as kontras of komplementêr beskou word. In ontwerp gaan dit meer oor persepsie en gevoel.

• Aanliggende kleure verskyn langs mekaar op die kleurwiel. Twee of meer aangrensende kleure harmoniseer met mekaar. Hulle werk goed saam (gewoonlik maar nie altyd nie). Kom meer te wete oor aangrensende kleure .

  Die term harmoniseer geluide lekker, aangenaam. Maar sommige harmoniserende kleure kan uitgewis word (geel / groen) of te donker en soortgelyk (blou / pers) om goed saam te werk.

• Kontrasterende kleure verskyn in verskillende segmente van die kleurwiel (verdeel dit in kwartiere om dit te help visualiseer). Hoe verder afgesien van mekaar in kleur, versadiging of waarde, hoe meer kontras. Kom meer te wete oor kontrasterende kleure .

  Terwyl kontras dikwels benodig word om optimale leesbaarheid te bied (soos hoë kontras tussen agtergrond en teks), kan sommige kontrasterende kleure wanneer dit langs mekaar gedruk word, vibreer en op die oog baie aantreklik wees.

• Aanvullende kleure verskyn aan die teenoorgestelde kante van die kleurwiel, direk of bykans direk teenoor mekaar. Kom meer te wete oor komplementêre kleure .

  Aanvullend word dikwels verwar met komplimentêre . Verskillende betekenisse. Twee kleure wat mekaar komplimenteer (vetter) kan al dan nie van mekaar komplementeer nie.

Aangrensende kontrasterende en komplementêre kleurkombinasies kan dikwels verbeter word deur gebruik te maak van skakerings en tintjies of die skep van addisionele kontras met swart of wit. Sien die volgende bladsy vir meer kleur kombinasie basiese beginsels.

Kleur Basis Indeks:

1. Graadskool Kleurmengsel
2. Additief en Subtraktiewe Primaries (RGB & CMY)
3. RGB-kleur in Desktop Publishing
4. CMY Kleur in Desktop Publishing
5. Kleure spesifiseer
6. Persepsie van kleur (hierdie bladsy)
7. Kleure, tintes, skakerings en versadiging
8. Algemene kleur kombinasie skemas
9. Fine-tuning Color Combinations

07 van 09

Tinten, tinten, tinten en verzadiging kleure

Daar is meer kleure wat ons kan sien en skep as net Rooi, Groen, Blou, Siaan, Geel en Magenta. Alhoewel die kleurwiel dikwels met verskillende kleurblokke uitgebeeld word, is dit eintlik miljoene kleure wat mekaar inmekaar meng terwyl ons om die wiel beweeg.

Elkeen van daardie individuele kleure is 'n kleur. Rooi is 'n kleur. Blou is 'n tint. Pers is 'n kleur. Teal, Violet, Oranje, en Groen is alle kleure.

Jy kan die voorkoms van 'n tint verander deur swart (skaduwee) by te voeg of wit (lig) by te voeg. Die waarde van ligte of duisternis en die versadiging of hoeveelheid van die tint gee ons ons skakerings en tintes.

• Voeg wisselende hoeveelhede swart by om skakerings te kry. Dink aan die komende duisternis en die verduisterende skadu's om te onthou dat 'n tint plus swart gelyk is aan 'n skaduwee .
• Voeg wisselende hoeveelhede wit by om 'n kleur te verlig. Die ligte tinten is tinten . In terme van drukwerk, gebruik jy persentasies van die ink kleure wat die suiwer kleur uitmaak, soos 80%, 50% of 10%.

Dit is net 'n basiese inleiding. Speel rond met versadiging, en waarde om tinten en skakerings van verskillende kleure te skep deur hierdie interaktiewe kleurskema-skepper by Colorspire te gebruik. Of gebruik die kleurkenmerke in jou gunsteling grafiese sagteware om met kleure, versadiging en waarde te eksperimenteer.

Intensiteit, ligte of helderheid kan gebruik word om te verwys na die waarde van 'n kleur in sommige sagteware programme.

Kleur Basis Indeks:

1. Graadskool Kleurmengsel
2. Additief en Subtraktiewe Primaries (RGB & CMY)
3. RGB-kleur in Desktop Publishing
4. CMY Kleur in Desktop Publishing
5. Kleure spesifiseer
6. Persepsie van kleur
7. Kleure, tintes, skakerings en versadiging (hierdie bladsy)
8. Algemene kleur kombinasie skemas
9. Fine-tuning Color Combinations

08 van 09

Algemene kleur kombinasie skemas

Om een ​​kleur te kies, is moeilik genoeg. Om een ​​of meer kleure by die mengsel te voeg, kan skrikwekkend wees. As jy 'n soektog op die web doen of 'n verskeidenheid boeke en tydskrifte op kleure lees, sal jy verskeie algemene metodes beskryf. Daar sal ook variasies wees. Net om jou te begin, oorweeg hierdie metodes om met die perfekte palet vir jou drukwerk of webprojekte te kom.

• Monochromatiese kleurpalette begin met 'n enkele kleur en gebruik dan skakerings en / of kleure van daardie kleur om na twee, drie of meer kleure uit te brei. Vir drukwerk publiseer, is die gebruik van kleure van 'n enkele kleur een manier om kleur te gebruik sonder die koste van tradisionele vierkleurprosessering. Voeg swart ink vir teks en aksent by. Leer meer oor die gebruik van kleure van kolomkleure vir ontwerp .
• Analoog of harmoniserende kleurpalette gebruik twee of meer aangrensende kleure op die kleurwiel. As 'n baie klein segment van die kleurwiel gebruik word, kan skakerings of tintjies van een of meer van die kleure by hierdie kleure uitgewas word of lae kontras.
• Aanvullende kleurpalette mag twee, drie of vier komplementêre kleurpare gebruik. Met die gesplete komplementêre palet kyk na weerskante van die komplement (teenoorgestelde) van jou hoofkleur om 'n geskikte paar te vind om die triade te voltooi.
• Triad kleur palette gebruik 'n trio van kleure. Begin my drie kleure te vind wat eweredig tussen die kleurwiel is en werk daarvandaan.
• Meng dit op deur 'n komplementêre paar te kies en dan 'n tint (of twee) van een van die kleure (monochromatiese + komplementêre) by te voeg. Of kies twee tot vier analoog (aangrensende) kleure plus die komplement van een van daardie kleure (analoog + komplementêr).

Dit is net beginpunte. Daar is geen harde en vinnige, onveranderlike reëls vir die meng en ooreenstemende kleure. Jy sal ook vind dat kleurwiele wat op verskillende webwerwe gewys word, 'n bietjie kan verskil, sodat direkte opposiete op een kleurwiel effens anders is op 'n ander. Dis reg. Om 'n paar kleure op een of ander manier te verskuif wanneer jy kleure aanmekaarmaak, is hoe ons eindig met allerhande interessante kleurpalete. Bottom line: Kies kleur kombinasies wat reg lyk vir jou projek.

• Hoeveel kleure moet jy gebruik? Twee tot vyf (insluitend swart of wit) is algemeen. Meer as dit (foto's uitgesluit) kan visueel oorweldigend raak - en afhangende van jou drukwerk / tipe ink kan duur wees. Maar dit is net 'n riglyn, nie 'n reël nie. Met webbladsye het die gebruik van meer kleure geen koste nie, behalwe ten opsigte van verlore kliënte as die kleure te veel is .
• Hoeveel van elke kleur moet jy gebruik? Terwyl balans belangrik is, beteken dit nie dat jy gelyke hoeveelhede van elke kleur in jou gekose palet moet gebruik nie. Saldo 'n dosis van 'n sterk kleur met kleiner hoeveelhede van verskeie ligter of tamer kleure. Weereens, daar is geen absolutes nie. As jy 'n paar baie sterk kleure gebruik, kan minder as een van hulle gebruik word om die leser te oorweldig.
• Is daar enige kleurkombinasies wat nooit gebruik mag word nie? Kan wees. Miskien nie. Sien Verbode Kleurkombinasies?

Kleur Basis Indeks:

1. Graadskool Kleurmengsel
2. Additief en Subtraktiewe Primaries (RGB & CMY)
3. RGB-kleur in Desktop Publishing
4. CMY Kleur in Desktop Publishing
5. Kleure spesifiseer
6. Persepsie van kleur
7. Kleure, tintes, skakerings en versadiging
8. Algemene kleur kombinasie skemas (hierdie bladsy)
9. Fine-tuning Color Combinations

09 van 09

Fine-tuning Color Combinations

Sommige van die dubbelsinnighede van aangrensende, kontrasterende en komplementêre kleurkombinasies kan verlig word met die bekendstelling van swart en wit, donker en lig, skakerings en tintes.

Skakerings en Tintes van Kleur
By die gebruik van aangrensende of harmoniserende kleure, kan jy 'n groter mate van leesbaarheid bereik deur swart of wit aan een van die kleure te voeg - die versadiging en die waarde van 'n tint verander. Swart skep 'n donkerder kleurskleur. Wit skep 'n ligter tint van die skaduwee. Waar 'n geel en geelgroen paring dalk te naby kan wees om goed saam te werk, kan 'n donkerder groen skaduwee die combo help om regtig te pop.

Dit is net 'n basiese inleiding. Speel rond met versadiging, en waarde om tinten en skakerings van verskillende kleure te skep deur hierdie interaktiewe kleurskema-skepper by Colorspire te gebruik. Of gebruik die kleurkenmerke in jou gunsteling grafiese sagteware om met kleure, versadiging en waarde te eksperimenteer. Sommige grafiese sagteware mag intensiteit, helderheid of ligte gebruik om na die waarde van 'n kleur te verwys.

Skep kontras met swart en wit
WIT is die uiteindelike ligkleur en kontrasteer goed met donker kleure soos rooi, blou of pers. SWART is die ultieme donker kleur en maak ligter kleure soos geel, regtig uit.

Enige enkele of meer kleure kan verander - of eerder ons persepsie van hulle verander - as gevolg van die ander omliggende kleure, die nabyheid van die kleure aan mekaar en die hoeveelheid lig. Daarom kan 'n paar kleure wat bots wanneer hulle langs mekaar geplaas word, werk en lyk goed as dit op die bladsy geskei word of met ander kleure gebruik word.

'N Ligte kleur lyk selfs ligter wanneer dit aangrensend is aan 'n donker kleur (insluitend swart). Twee soortgelyke kleure langs mekaar kan as twee afsonderlike kleure verskyn, maar ver van mekaar af gesit word. Hulle begin soos dieselfde kleur lyk.

Papier en emosies beïnvloed kleurperceptie
Die hoeveelheid lig wat ons in 'n kleur waarneem, word ook beïnvloed deur die oppervlak waarop dit gedruk word. 'N Blink rooi korvette wat in 'n tydskrif op 'n gladde, blink papier gedruk word, gaan nie dieselfde lyk as die rooi korvette wat in die koerantadvertensie gedruk is nie. Die vraestelle absorbeer en weerspieël lig en kleur anders.

Kleur Betekenisse
Daarbenewens word ons kleurkeuses dikwels gedikteer deur die emosies wat spesifieke kleure en kleurkombinasies uitroep. Sekere kleure skep fisiese reaksies. Sommige kleure en kleurkombinasies het spesifieke betekenisse wat gebaseer is op tradisionele en kulturele gebruik.

• Koel Kleur Betekenis (kalmering): Blou, Groen, Turkoois, Silwer
• Warm Kleur Betekenisse (opwindend): Rooi, Pienk, Geel, Goud, Oranje
• Gemengde Cool / Warm Kleur Betekenisse : Pers, Laventel, Groen, Turkoois
• Neutrale Kleur Betekenis (verenigend): Bruin, Beige, Ivoor, Grys, Swart, Wit

Kleur Basis Indeks:

1. Graadskool Kleurmengsel
2. Additief en Subtraktiewe Primaries (RGB & CMY)
3. RGB-kleur in Desktop Publishing
4. CMY Kleur in Desktop Publishing
5. Kleure spesifiseer
6. Persepsie van kleur
7. Kleure, tintes, skakerings en versadiging
8. Algemene kleur kombinasie skemas
9. Fine-tuning Color Combinations (hierdie bladsy)

Sien ook: Die probleem met kleur, want as jy dink blou is pers, kan ons albei rooi sien.