Culori de bază pentru imprimare și web

01 din 09

Gradul de mixare a culorilor școlare

Știați că roata de culoare pe care ați învățat-o în școală nu este aceeași cu culorile folosite pentru Web? Nu este chiar modul în care sunt amestecate culorile pentru imprimare? Bine, aceleași culori, aranjamente și amestecuri diferite.

Tradițional (gândiți vopseaua sau creioane colorate)

• Culorile tradiționale primare sunt RED, YELLOW și BLUE.
• Amestecați două culori primare pentru a obține culorile complementare sau secundare.
• Culorile tradiționale complementare sunt ORANGE (roșu plus galben), verde (galben plus albastru) și PURPLE (albastru plus roșu).

În școala de clasă probabil că aveți multe oportunități de a amesteca culorile primare și de a crea noi culori. A fost magic! Amestecarea culorilor pentru imprimarea cu cerneală nu funcționează la fel. Culorile primare în lumină și cerneală nu sunt aceleași culori primare de vopsea roșii, galbene și albastre. De fapt, există 6 culori primare.

Indexul de bază al culorilor:

1. Gradația Mixarea culorilor școlare (această pagină)
2. Aditivi și primare subtractive (RGB și CMY)
3. Culoarea RGB în publicarea pe desktop
4. Culoarea CMY în editarea desktopului
5. Specificarea culorilor
6. Percepția culorii
7. Nuanțe, nuanțe, nuanțe și saturație
8. Scheme comune de combinare a culorilor
9. Coordonarea fină a combinațiilor de culori

02 din 09

Aditivi și primari subțire

Modul în care vedem culoarea este un pic diferit de modul în care amestecăm vopseaua. În locul culorilor primare roșii, albastre și galbene, avem două tipuri diferite de culori primare. Probabil că ați văzut o prisma să rupă un fascicul de lumină într-un curcubeu de culori. Spectrul vizibil de lumină se împarte în trei regiuni de culoare: RED, VERDE și BLUE.

• Adăugați luminile RED, VERDE și BLUE (RGB) pentru a crea lumină albă. Deoarece adăugați culorile împreună pentru a obține White, numim aceste primare aditiv .

  Culorile pe ecran sunt afișate prin amestecarea unor cantități diferite de lumină roșie, verde și albastră. Rețineți că primarele aditivului se referă de obicei la modul de culoare RGB pe ecran. Amestecarea cernelurilor sau vopselelor roșii, verzi și albastre nu produce alb.

• Scădeți una dintre culorile RGB de la celelalte și rămâneți cu o altă culoare. RGB minus RED lasă CYAN. RGB minus albastru lasă galben. RGB minus verde MAGENTA. Acestea sunt numite primare subtractive (CMY).

  Culorile de cerneală roșie, magenta și galbenă - împreună cu negrul - sunt utilizate în imprimarea în patru culori, cunoscută și sub numele de CMYK. Combinarea a două dintre primarele subtractive rezultă într-unul dintre primarele aditivilor (de exemplu, cianul + galben produce verde). Amestecarea celor trei primare substractice are ca rezultat negru (nu o culoare pur negru, ci o culoare neagră neagră).

Apoi, vom analiza modul în care încercăm să reproducem culoarea în imprimat și pe Web.

Indexul de bază al culorilor:

1. Gradul de mixare a culorilor școlare
2. Aditivi și primare subtractive (RGB și CMY) (această pagină)
3. Culoarea RGB în publicarea pe desktop
4. Culoarea CMY în editarea desktopului
5. Specificarea culorilor
6. Percepția culorii
7. Nuanțe, nuanțe, nuanțe și saturație
8. Scheme comune de combinare a culorilor
9. Coordonarea fină a combinațiilor de culori

03 din 09

Culoarea RGB în publicarea pe desktop

Monitorul computerului emite lumină, astfel încât este întemeiat faptul că computerul utilizează cele trei zone de culori RED, VERDE și BLUE (primariile aditivilor) pentru a reproduce culorile pe care le vedem.

Lucrând cu imagini destinate ecranului sau Web, desemnează culori cu cantitatea de culori RED, VERDE sau BLUE. În programele grafice, aceste numere ar putea arăta astfel:

• 255 RED 255 GREEN 0 BLUE
  sau
• 255R 255G 0B
  sau
• RGB: 255,255,0
  sau
• FFFF00 (poate fi scris ca # FFFF00)

Toate acestea reprezintă galben. Un număr între 1-255 desemnează valoarea fiecărei culori de roșu, verde sau albastru, cu 255 fiind valoarea pură de 100% a culorii. Zero nu înseamnă niciuna din acea culoare. Pentru ca calculatorul dvs. să înțeleagă aceste numere, le traducem în cifre hexidecimale cu 6 cifre sau tripleți (coduri hexate) .

În exemplul nostru, FF este echivalentul hexazecimal de 255. Tripletul hexazecimal este întotdeauna în ordinea RGB, astfel că primul FF este roșu. Al doilea FF este galben. Nu există albastru, deci are 00, echivalentul hexazecimal de zero.

Acestea sunt elementele de bază ale culorii pe Web. Pentru a explora mai profund în RGB și despre cum arată culoarea pe ecran, explorați aceste resurse mai detaliate pentru Web Color.

Indexul de bază al culorilor:

1. Gradul de mixare a culorilor școlare
2. Aditivi și primare subtractive (RGB și CMY)
3. Culoarea RGB în editarea desktop (această pagină)
4. Culoarea CMY în editarea desktopului
5. Specificarea culorilor
6. Percepția culorii
7. Nuanțe, nuanțe, nuanțe și saturație
8. Scheme comune de combinare a culorilor
9. Coordonarea fină a combinațiilor de culori

04 din 09

Culoarea CMY în editarea desktopului

Culoarea (lumina) se face prin scăderea cantităților diferite de alte culori din primariile aditivilor (RGB). Dar când imprimăm când amestecăm (adăugând) cernelurile împreună, culorile nu ies așa cum ne-am putea aștepta. Prin urmare, începem cu primarele subtractive (CMY) și le amestecăm în cantități diferite (plus BLACK abreviat ca K) pentru a obține culorile dorite.

Culorile pentru imprimare sunt amestecate în procente, cum ar fi:

• 50% CYAN 100% MAGENTA 25% GALBEN
  sau
• C50 M100 Y25
• Și deoarece negrul este de obicei utilizat împreună cu CMY, este inclus și un procentaj pentru negru (chiar dacă acesta este 0), cum ar fi: C50 M100 Y25 K0

Cea de-a patra bară de culoare din acest exemplu este o culoare purpurie realizată cu cantități diferite de fiecare primar substractiv (și nu negru). Culoarea roșie care precede este echivalentul CMY al RGB Red. Bara de culoare inferioară nu utilizează cerneluri CMY, doar 80% negru (K).

Acest model de culoare CMY (K) este doar unul dintre multele moduri în care putem exprima culoarea pentru imprimare - dar vom salva acel subiect pentru o altă caracteristică. Există și alți termeni legați de culoare, pe care îi vom aborda pe scurt, urmând mai multe despre specificarea culorilor pentru lucrările de tipărire.

Indexul de bază al culorilor:

1. Gradul de mixare a culorilor școlare
2. Aditivi și primare subtractive (RGB și CMY)
3. Culoarea RGB în publicarea pe desktop
4. CMY Color in Desktop Publishing (această pagină)
5. Specificarea culorilor
6. Percepția culorii
7. Nuanțe, nuanțe, nuanțe și saturație
8. Scheme comune de combinare a culorilor
9. Coordonarea fină a combinațiilor de culori

05 din 09

Specificarea culorilor

Alegerea celor mai plăcute sau eficiente combinații de culori este doar o parte a ecuației în lucrul cu culoarea. De asemenea, trebuie să puteți specifica culorile dorite. Pentru tipărire există mai multe moduri de a specifica culoarea și poate varia în funcție de numărul de culori utilizate și de modul în care le folosiți. Vom trece prin câteva dintre posibilitățile.

• Tinturile unei singure culori Puteți obține o mare varietate de efecte folosind o singură culoare spot (1 / C), specificând faptul că culoarea este ecranată (tints). Aceste nuanțe sunt procente de culoare solidă (100%).
• Două sau mai multe culori Combină substanțele solide și nuanțele ecranate cu două sau mai multe culori (2 / C, 3 / C, 4 / C etc.). În exemplul de mai sus, culorile sunt toate combinațiile unei singure culori plus culoarea neagră (K) (primele trei sunt cyan, cele trei sunt magenta). (pentru imprimare negru este o culoare) Ele sunt, de asemenea, procente.
• Culorile PMS Pentru a se potrivi exact cu o culoare (sau cât de aproape poate obține imprimarea), puteți utiliza un sistem, cum ar fi sistemul de potrivire Pantone. Sunt și alții. Amestecurile de culoare sunt numerotate pentru o referință ușoară. Programul dvs. grafic poate avea palete de culori numite pentru unele dintre cele mai populare sisteme de potrivire a culorilor. Acestea vă permit să alegeți culori pentru design, care corespund sistemului de potrivire a culorilor utilizat de imprimantă. Consultați PANTONE Spot Color Name Suffixes pentru mai multe informații despre culorile PMS. (Rețineți că numele / numerele de culori din imagine ar putea să nu reflecte cele mai actuale denumiri ale Pantone.)
• CMYK În procesul de imprimare în patru culori, pentru reproducerea culorilor de culori continue de culoare plină, folosim patru culori specifice. Aceste culori de proces sunt cyan (C), galben (Y), magenta (M) (culorile SUBTRACTIVE ale roții noastre de culori) și negru (K). Percepția a milioane de culori este obținută nu prin amestecarea acestor culori de cerneală, ci prin imprimarea a mii de puncte mici ale fiecărei culori în diferite dimensiuni și modele. Ochiul îmbină acele puncte și vede mai mult decât cele patru culori ale CMYK (sau uneori scrise ca, CYMK).
• Separarea culorilor În procesul de imprimare în patru culori, în loc să specificați anumite culori, creați o copie diferită a lucrării dvs. pentru fiecare dintre cele patru culori (CMYK). Fiecare copie este tipărită una deasupra celeilalte pentru a crea efectul optic de culoare plină. Separările sunt, de asemenea, create atunci când se utilizează mai mult de două culori la fața locului, fiecare separare conținând numai părțile paginii pentru acea culoare specifică. În ilustrație, cele 4 imagini în tonuri de gri reprezintă plăcuța de imprimare pentru fiecare din cele 4 culori ale procesului. Observați că placa Magenta este mult mai întunecată pe corpul tractorului? Este nevoie de mult mai mult din această cerneală colorată roșiatică pentru a produce un tractor roșu strălucitor.

Evident, aceasta este doar o prezentare rapidă. Sute de cărți și articole au fost scrise despre procesul de specificare și imprimare în culoare. Vedeți linkurile de la sfârșitul acestui articol pentru o acoperire mai aprofundată.

Indexul de bază al culorilor:

1. Gradul de mixare a culorilor școlare
2. Aditivi și primare subtractive (RGB și CMY)
3. Culoarea RGB în publicarea pe desktop
4. Culoarea CMY în editarea desktopului
5. Specificarea culorilor (această pagină)
6. Percepția culorii
7. Nuanțe, nuanțe, nuanțe și saturație
8. Scheme comune de combinare a culorilor
9. Coordonarea fină a combinațiilor de culori

06 din 09

Percepția culorii

Dacă ați crezut că culorile primare sunt Roșu, Albastru și Galben, cu culori complementare sau secundare de Purple, Verde și Orange, atunci trebuie să vizitați sau să vizitați paginile anterioare ale acestui tutorial Color Basics, deoarece pentru această discuție ne bazăm pe culorile primare aditiv și primar, RGB și CMY.

Mai mulți factori afectează modul în care percepem culoarea. Unul dintre acești factori poate fi arătat prin poziția culorilor pe roata de culoare în raport cu alte culori.

Notă importantă : În teoria științei și a culorii există definiții precise pentru culorile adiacente, contrastante și complementare și cum apar pe roata de culoare. În designul grafic și în alte domenii folosim o interpretare mai slăbită. Culorile nu trebuie să fie contrare directe sau să aibă o anumită valoare de separare pentru a fi considerate contrastante sau complementare. În design este vorba mai mult despre percepție și sentiment.

• Culorile adiacente apar pe o roată de culoare una lângă cealaltă. Două sau mai multe culori adiacente se armonizează unul cu celălalt. Ei lucrează bine împreună (de obicei, dar nu întotdeauna). Aflați mai multe despre culorile adiacente .

  Termenul de armonizare sună frumos, plăcut. Dar unele culori armonioase pot apărea spălate (galben / verde) sau prea întunecate și similare (albastru / violet) pentru a lucra bine împreună.

• Culorile contrastante apar în diferite segmente ale roții de culori (împărțiți-le în sferturi pentru a vizualiza acest lucru). Cu cât mai departe unul de celălalt în nuanță, saturație sau valoare, cu atât mai mult contrast. Aflați mai multe despre culorile contrastante .

  În timp ce contrastul este adesea necesar pentru a asigura o lizibilitate optimă (cum ar fi contrastul ridicat între fundal și text), unele culori contrastante când sunt tipărite unul lângă celălalt pot să pară vibrate și foarte obositoare pentru ochi.

• Culorile complementare apar pe laturile opuse ale roții de culoare, direct sau aproape direct unul peste celălalt. Aflați mai multe despre culorile complementare .

  Complementar este de multe ori confundat cu gratuit . Înțelesuri diferite. Două culori care compliment (mai plat) reciproc pot sau nu să fie complementare unul de celălalt.

Combinațiile de culori adiacente, contrastante și complementare pot fi adesea îmbunătățite prin utilizarea de nuanțe și nuanțe sau prin crearea unui contrast suplimentar cu negru sau alb. Vedeți pagina următoare pentru mai multe informații de bază despre combinarea culorilor.

Indexul de bază al culorilor:

1. Gradul de mixare a culorilor școlare
2. Aditivi și primare subtractive (RGB și CMY)
3. Culoarea RGB în publicarea pe desktop
4. Culoarea CMY în editarea desktopului
5. Specificarea culorilor
6. Percepția culorii (această pagină)
7. Nuanțe, nuanțe, nuanțe și saturație
8. Scheme comune de combinare a culorilor
9. Coordonarea fină a combinațiilor de culori

07 din 09

Nuanțe, nuanțe, nuanțe și culori de saturație

Există mai multe culori pe care le putem vedea și crea decât roșu, verde, albastru, cyan, galben și purpuriu. Deși roata de culoare este adesea descrisă cu blocuri de culoare distincte, este într-adevăr milioane de culori care se amestecă unul în altul în timp ce ne mișcăm în jurul roții.

Fiecare dintre aceste culori individuale este o nuanță. Roșul este o nuanță. Albastrul este o nuanță. Purple este o nuanță. Teal, Violet, Orange și Verde sunt toate nuanțe.

Puteți schimba aspectul unei nuanțe adăugând negru (umbra) sau adăugând culoarea albă (lumină). Valoarea luminozității sau întunericului și saturația sau cantitatea nuanței ne dă umbrele și nuanțele noastre.

• Adăugați cantități diferite de negru pentru a obține nuanțe . Gândiți-vă la întunericul care vine și la umbrele întunecate, pentru a vă aminti că o nuanță plus negru este egală cu o umbră .
• Adăugați cantități diferite de alb pentru a ușura o nuanță. Culorile luminoase sunt nuanțe . În ceea ce privește imprimarea, utilizați procente din culorile de cerneală care compun nuanța pură, cum ar fi 80%, 50% sau 10%.

Aceasta este doar o introducere de bază. Joacă în jur cu saturație și valoare pentru a crea nuanțe și nuanțe de diverse nuanțe utilizând acest interactiv Creator de culori la Colorspire. Sau utilizați caracteristicile de culoare din software-ul grafic preferat pentru a experimenta nuanța, saturația și valoarea.

Intensitatea, luminozitatea sau luminozitatea pot fi folosite pentru a indica valoarea unei culori în unele programe software.

Indexul de bază al culorilor:

1. Gradul de mixare a culorilor școlare
2. Aditivi și primare subtractive (RGB și CMY)
3. Culoarea RGB în publicarea pe desktop
4. Culoarea CMY în editarea desktopului
5. Specificarea culorilor
6. Percepția culorii
7. Nuanțe, nuanțe, nuanțe și saturație (această pagină)
8. Scheme comune de combinare a culorilor
9. Coordonarea fină a combinațiilor de culori

08 din 09

Scheme comune de combinare a culorilor

Alegerea unei singure culori este destul de greu, Adăugarea uneia sau mai multor culori la mix poate fi descurajantă. Dacă faceți o căutare pe Web sau citiți o varietate de cărți și reviste pe culori, veți găsi mai multe metode comune descrise. Vor exista, de asemenea, variații. Doar pentru a vă face să începeți, luați în considerare aceste metode pentru a veni cu paleta perfectă pentru proiectele dvs. tipărite sau Web.

• Paletele de culori monocromatice încep cu o singură nuanță și apoi se folosesc nuanțe și / sau nuanțe ale acelei culori pentru a se extinde la două, trei sau mai multe culori. Pentru publicarea printurilor, utilizarea de nuanțe de o singură culoare reprezintă o modalitate de a utiliza culoarea fără a cheltui de imprimarea tradițională în patru culori. Adăugați cerneală neagră pentru text și accente. Învață mai multe despre utilizarea nuanțelor de culori pentru design .
• Paletele de culori analoage sau armonizante utilizează două sau mai multe culori adiacente pe roata de culori. Dacă utilizați un segment foarte mic al roții de culoare, adăugând nuanțe sau nuanțe ale uneia sau mai multor nuanțe pot păstra aceste culori fără a fi prea spălate sau cu un contrast scăzut.
• Paletele de culori complementare pot folosi două, trei sau patru perechi complementare de culoare. Cu paleta complementară divizată, arătați spre ambele părți ale complementului (opus) culorii principale pentru a găsi o pereche potrivită pentru a finaliza triada.
• Paletele de culori triade folosesc trei culori. Începeți să găsesc trei culori care sunt uniform distribuite în jurul roții de culoare și lucrează de acolo.
• Se amestecă prin alegerea unei perechi complementare, apoi se adaugă o nuanță (sau două) a uneia dintre culori (monocromatic + complementar). Sau alegeți două până la patru culori analoage (adiacente) plus complementul uneia dintre acele nuanțe (analogice + complementare).

Acestea sunt doar puncte de plecare. Nu există reguli dure și rapide, imuabile pentru amestecarea și potrivirea culorilor. De asemenea, veți găsi că roțile de culoare afișate pe diferite site-uri pot diferi destul de puțin, astfel încât opusele directe pe o roată de culoare sunt oarecum diferite pe alta. Asta e ok. Mutarea câtorva nuanțe într-un fel sau altul atunci când împerechează culorile este modul în care ajungem cu tot felul de palete de culori interesante. Linia de fund: Alegeți combinațiile de culori care arată bine pentru proiectul dvs.

• Câte culori ar trebui să utilizați? Două până la cinci (inclusiv negru sau alb) sunt comune. Mai mult decât atât (cu excepția fotografiilor) pot deveni copleșitoare din punct de vedere vizual - și în funcție de metoda dvs. de tipărire / tipul de cerneală pot fi costisitoare. Dar aceasta este doar o îndrumare, nu o regulă. Cu paginile Web, utilizarea mai multor culori nu afectează costurile, cu excepția clienților pierduți dacă culorile sunt prea multe .
• Cât de mult din fiecare culoare ar trebui să utilizați? În timp ce balanța este importantă, aceasta nu înseamnă că ar trebui să utilizați cantități egale de fiecare culoare din paleta aleasă. Echilibrați o doză de culoare puternică cu cantități mai mici de câteva culori mai ușoare sau mai amorale. Din nou, nu există absoluturi. Dacă utilizați o pereche de culori foarte puternice, utilizarea mai multor dintre ele poate împiedica pagina dvs. să copleșească cititorul.
• Există combinații de culoare care nu ar trebui folosite niciodată? Poate. Poate nu. Vedeți combinații de culori interzise?

Indexul de bază al culorilor:

1. Gradul de mixare a culorilor școlare
2. Aditivi și primare subtractive (RGB și CMY)
3. Culoarea RGB în publicarea pe desktop
4. Culoarea CMY în editarea desktopului
5. Specificarea culorilor
6. Percepția culorii
7. Nuanțe, nuanțe, nuanțe și saturație
8. Schemele comune de combinare a culorilor (această pagină)
9. Coordonarea fină a combinațiilor de culori

09 din 09

Coordonarea fină a combinațiilor de culori

Unele ambiguități ale combinațiilor de culori adiacente, contrastante și complementare pot fi atenuate prin introducerea culorilor negre și albe, întunecate și ușoare, nuanțe și nuanțe.

Nuanțe și nuanțe de culoare
În utilizarea culorilor adiacente sau armonizante, puteți obține un grad mai mare de lizibilitate prin adăugarea de culori negre sau albe în una dintre nuanțe - schimbarea saturației și a valorii nuanței. Negrul creează o nuanță mai închisă a nuanței. Albul creează o nuanță mai ușoară a umbrei. În cazul în care o pereche galben și verde-galben poate fi prea aproape de a lucra bine împreună, folosind o nuanta mai inchisa de verde poate ajuta combo pentru a pop într-adevăr.

Aceasta este doar o introducere de bază. Joacă în jur cu saturație și valoare pentru a crea nuanțe și nuanțe de diverse nuanțe utilizând acest interactiv Creator de culori la Colorspire. Sau utilizați caracteristicile de culoare din software-ul grafic preferat pentru a experimenta nuanța, saturația și valoarea. Unele programe grafice pot folosi intensitatea, luminozitatea sau luminozitatea pentru a se referi la valoarea unei nuante.

Creați contrastul cu alb-negru
WHITE este culoarea luminii finale și contrastează bine cu culorile întunecate, cum ar fi roșu, albastru sau purpuriu. BLACK este culoarea închisă fină și face culori mai deschise, cum ar fi galben, într-adevăr pop.

Orice culori unice sau multiple se pot schimba - sau, mai degrabă, percepția noastră despre ele se schimbă - datorită celorlalte culori înconjurătoare, apropierii culorilor unul față de celălalt și cantității de lumină. De aceea, o pereche de culori care se pot coliziona atunci când sunt așezate una lângă alta, pot funcționa și ar putea părea bine atunci când sunt separate pe pagină sau utilizate cu alte culori.

Culoarea luminii apare chiar mai ușoară atunci când este adiacentă unei culori închise (inclusiv negru). Două culori asemănătoare pot apărea ca două culori distincte, dar așezate foarte departe, ele încep să pară de aceeași culoare.

Hârtia și emoțiile afectează percepția culorilor
Cantitatea de lumină pe care o percepem într-o culoare este de asemenea afectată de suprafața pe care este imprimată. O corvetă RED strălucitoare tipărită într-un anunț de reviste pe hârtie lucioasă nu va arăta la fel ca corveta ROSĂ tipărită în anunțul ziarului. Hârtiile absorb și reflectă lumina și culoarea în mod diferit.

Semnificația culorilor
În plus, alegerile noastre de culoare sunt adesea dictate de emoțiile care evocă anumite culori și combinații de culori. Anumite culori creează reacții fizice. Unele culori și combinații de culori au semnificații specifice bazate pe utilizarea tradițională și culturală.

• Sensuri de culoare calde (calmează): albastru, verde, turcoaz, argint
• Semnificații calde de culoare (incitante): roșu, roz, galben, auriu, portocaliu
• Semnificații colorate calde mixt : Purpuriu, Lavandă, Verde, Turcoaz
• Culori neutre Culoare (unificator): Maro, Bej, Ivory, Gri, Negru, Alb

Indexul de bază al culorilor:

1. Gradul de mixare a culorilor școlare
2. Aditivi și primare subtractive (RGB și CMY)
3. Culoarea RGB în publicarea pe desktop
4. Culoarea CMY în editarea desktopului
5. Specificarea culorilor
6. Percepția culorii
7. Nuanțe, nuanțe, nuanțe și saturație
8. Scheme comune de combinare a culorilor
9. Reglarea fină a combinațiilor de culori (această pagină)

De asemenea, vedeți: Problema cu culoarea, deoarece atunci când credeți prin albastru este purpuriu am putea amândoi să vedem roșu.