Skip to main content

Osnove boje za ispisivanje i miješanje boje u školi na webu

HTML Tutorial - Lekcija 1 (Osnove) (Travanj 2025)

HTML Tutorial - Lekcija 1 (Osnove) (Travanj 2025)
Anonim
01 od 09

Mješanje u boji školskog razreda

Jeste li znali da kotačić boja koji ste naučili u školi nije isti kao i boje korištene na webu? Nije čak ni način miješanja boja za tisak? Pa, ista boja, samo drugačiji aranžmani i miješanja.

Tradicionalni (Think Paint ili bojice)

  • Tradicionalni osnovni boje su crvene, žute i plave boje.
  • Izmiješajte dvije osnovne boje da biste dobili dopunski ili sekundarne boje.
  • Tradicionalni dopunski boje su narančaste (crvene plus žute), zelene (žute i plave) i ljubičaste (plave i crvene).

U školi ste vjerojatno imali dosta mogućnosti za miješanje primarnih boja i stvaranje novih boja. Bilo je to čarobno! Miješanje boja za ispis s tintom ne radi sasvim isto. Primarne boje svjetla i tinte nisu iste crvene, žute i plave boje primarne boje. Zapravo, postoje 6 primarnih boja.

Indeks boja u boji:

  1. Mješanje u boji školske godine (ova stranica)
  2. Aditive i subtraktični primari (RGB i CMY)
  3. RGB boja u izdavaštvu za stolna računala
  4. CMYK boja u izdavaštvu stolnih računala
  5. Određivanje boja
  6. Percepcija boje
  7. Nijansa, tonovi, nijanse i zasićenost
  8. Zajedničke sheme kombiniranja boja
  9. Fino podešavanje kombinacija boja

02 od 09

Aditivne i subtrakcijske primarne

Način na koji vidimo boju je malo drugačiji od načina miješanja boja. Umjesto crvene, plave i žute primarne boje imamo dvije različite vrste primarnih boja. Vjerojatno ste vidjeli prizmu da razbije svjetlosnu zraku u duga boja. Vidljivi spektar svjetlosti razbija se u tri područja boje: crvena, zelena i plava.

  • Dodajte crveno, zeleno i plavo (RGB) svjetlo za stvaranje bijele svjetlosti. Budući da dodate boje zajedno da biste dobili bijelo, mi ih zovemo primarni aditiv, Boje na zaslonu prikazuju se miješanjem različitih količina crvene, zelene i plave svjetlosti. Imajte na umu da se primarni aditivi obično odnose na RGB na zaslonu. Miješanje stvarnih crvenih, zelenih i plavih boja ili boja ne proizvodi bijelo.
  • Oduzmite jednu od RGB boja od ostalih i ostaje vam još jedna boja. RGB minus crveni lišće je cijan. RGB minus plavi lišće žuti. RGB minus zeleno lišće magenta. Ovo se zove subtrakcijske primarne (CMY). Crne, magenta i žute boje tinte - zajedno s crnom - koriste se u tisku s četiri boje, također poznat kao CMYK. Kombinacija dvaju subtrakcijskih primara rezultira u jednom od primarnih aditiva (na primjer, cijan + žuta daje zelenu boju). Miješanje svih triju oduzimljive primarne rezultate u crnoj boji (ne čista crna, ali mutna crna boja).

Zatim ćemo pogledati način na koji pokušavamo reproducirati boju u tisku i na webu.

Indeks boja u boji:

  1. Mješanje u boji školskog razreda
  2. Aditive i subtraktični primari (RGB i CMY) (ova stranica)
  3. RGB boja u izdavaštvu za stolna računala
  4. CMY boja u izdavaštvu stolnih računala
  5. Određivanje boja
  6. Percepcija boje
  7. Nijansa, tonovi, nijanse i zasićenost
  8. Zajedničke sheme kombiniranja boja
  9. Fino podešavanje kombinacija boja
03 od 09

RGB boja u izdavaštvu za stolna računala

Monitor vašeg računala emitira svjetlo pa je stoga razlog da računalo koristi tri područja boje crvene, zelene i plave (primarni aditivi) kako bi reproducirali boje koje vidimo.

Rad s slikama namijenjenim zaslona ili webu označavamo boju po količini crvene, zelene ili plave boje. U vašem grafičkom softveru ti brojevi mogu izgledati ovako:

  • 255 RED 255 GREEN 0 BLUEili
  • 255R 255G 0Bili
  • RGB: 255,255,0ili
  • FFFF00 (može biti napisan kao # FFFF00)

Sve su to žute boje. Broj između 1-255 označava količinu svake boje crvene, zelene ili plave s 255 čisto 100% vrijednosti boje. Zero znači ništa od te boje. Da bi vaše računalo razumjelo te brojeve prevodimo ih u 6 znamenki heksadecimalni brojevi ili trojke (hex kodovi).

U našem primjeru, FF je heksadecimalni ekvivalent od 255. Heksadecimalni triplet je uvijek redoslijedom RGB pa je prvi FF crven. Drugi FF je žuta. Nema plave boje pa ima 00, heksadecimalni ekvivalent od nule.

To su osnove za boju na webu. Da biste dublje udubili u RGB i kako boja izgleda na zaslonu, iskoristite ove detaljnije resurse za boju weba.

Indeks boja u boji:

  1. Mješanje u boji školskog razreda
  2. Aditive i subtraktični primari (RGB i CMY)
  3. RGB boja u izdavaštvu radne površine (ova stranica)
  4. CMY boja u izdavaštvu stolnih računala
  5. Određivanje boja
  6. Percepcija boje
  7. Nijansa, tonovi, nijanse i zasićenost
  8. Zajedničke sheme kombiniranja boja
  9. Fino podešavanje kombinacija boja
04 od 09

CMY boja u izdavaštvu stolnih računala

Boja (svjetlost) dobiva se oduzimanjem različitih količina drugih boja iz primarnih aditiva (RGB). No, u tisku kada miješamo (dodavamo) tinte zajedno, boje se ne izlaze kao što bismo mogli očekivati. Stoga počinjemo s subtrakcijskim primarnim brojem (CMY) i miješamo one u različitim količinama (plus crno skraćeno kao K) kako bismo dobili željene boje.

Boje za ispis se miješaju u postocima kao što su:

  • 50% CYAN 100% MAGENTA 25% ŽUTOili
  • C50 M100 Y25
  • A budući da se crna obično koristi uz CMY, uključen je postotak za crnu (čak i ako je 0), kao što su: C50 M100 Y25 K0

Četvrta traka u boji u ovom primjeru je ljubičasta boja izrađena s različitim količinama svakog od subtrakcijskih primarnih (i bez crne).Crvena boja koja prethodi on je CMY ekvivalent RGB crvene boje. Donja boja ne koristi CMY tinte, samo 80% crna (K).

Ovaj model boje CMY (K) samo je jedan od mnogih načina na koji bismo mogli izraziti boju za ispis - ali spasiti ćemo tu temu za drugu značajku. Postoje i drugi pojmovi u boji koji ćemo kratko slijediti i više o određivanju boja za ispis.

Indeks boja u boji:

  1. Mješanje u boji školskog razreda
  2. Aditive i subtraktični primari (RGB i CMY)
  3. RGB boja u izdavaštvu za stolna računala
  4. CMY boja u izdavaštvu za stolna računala (ova stranica)
  5. Određivanje boja
  6. Percepcija boje
  7. Nijansa, tonovi, nijanse i zasićenost
  8. Zajedničke sheme kombiniranja boja
  9. Fino podešavanje kombinacija boja
05 od 09

Određivanje boja

Odabir najprikladnijih ili učinkovitih kombinacija boja je samo dio jednadžbe u radu s bojom. Također morate odrediti boje koje želite. Za ispis postoji nekoliko načina za određivanje boje i može se razlikovati ovisno o broju upotrijebljenih boja i načinu na koji ih upotrebljavate. Proći ćemo kroz nekoliko mogućnosti.

  • Tinte jednobojne boje: Možete postići veliku raznovrsnost efekata koristeći jednu točkastu boju (1 / C) navodeći da se boja razlučuje (tinte). Ti su slojevi postotci krute boje (100%).
  • Dvije ili više boja: Kombinirajte krute i zasijane boje od dvije ili više boja (2 / C, 3 / C, 4 / C itd.). U gore navedenom primjeru, boje su sve kombinacije jednobojne i crne (K) (tri su najbogatija, donja tri su magenta). (za tiskanje crne boje) Oni su također postotci.
  • PMS boje: Da biste točno odgovarao boji (ili u blizini tiskanja), možete koristiti sustav kao što je Pantone Matching System. Ima i drugih. Mješavine boja numerirane su radi lakšeg referiranja. Vaš grafički program može imati palete boja koje su imenovane za neke od najpopularnijih sustava podudaranja boja. Ti omogućuju odabir boja za dizajn koji odgovaraju sustavu podudaranja boja koje koristi vaš pisač. (Imajte na umu da imena / brojevi boja na slici možda neće odražavati najnovije oznake Pantonea.)
  • CMYK U četiri boja postupka ispisa, za reprodukciju u boji kontinuiranog tona boja, koristimo četiri specifične boje. Te boje procesa su cijan (C), žuta (Y), magenta (M) (SUBTRAKTIVNA boja iz našeg kotača u boji) i crna (K). Percepcija milijuna boja postiže se miješanjem tih boja tinte, već tiskanjem tisuća sitnih točaka svake boje u različitim veličinama i uzorcima. Oko spaja te točke i vidi više od četiri boje CMYK (ili ponekad napisanog kao, CYMK).
  • Odvajanje boja U četiri boja postupka ispisa, a ne određivanje određenih boja, izradite drugu kopiju vašeg crteža za svaku od četiri boje (CMYK). Svaka je kopija tiskana jedna na vrhu druge kako bi se stvorio optički efekt u punoj boji. Odvojenost se također stvara kada upotrebljavaju više od dvije točkaste boje sa svakim odjeljivanjem koje sadrži samo dijelove stranice za tu određenu boju. Na slici, 4 slike u sivim tonovima predstavljaju tiskarsku ploču za svaku od 4 procesne boje. Imajte na umu kako je magenta ploča puno mračnija na tijelu traktora? Potrebno je puno više od ove crvenkaste boje kako bi se stvorio svijetlo crveni traktor.

Očito je ovo samo kratak pregled. Napisano je stotine knjiga i članaka o procesu određivanja i ispisivanja u boji.

Indeks boja u boji:

  1. Mješanje u boji školskog razreda
  2. Aditive i subtraktični primari (RGB i CMY)
  3. RGB boja u izdavaštvu za stolna računala
  4. CMY boja u izdavaštvu stolnih računala
  5. Određivanje boja (ova stranica)
  6. Percepcija boje
  7. Nijansa, tonovi, nijanse i zasićenost
  8. Zajedničke sheme kombiniranja boja
  9. Fino podešavanje kombinacija boja
06 od 09

Percepcija boje

Ako ste mislili da su primarne boje crvene, plave i žute, s komplementarnim ili sekundarnim bojama ljubičaste, zelene i narančaste boje, tada morate posjetiti ili ponovno posjetiti ranije stranice ovog vodiča o osnovi boja jer se za ovu raspravu oslanjamo na dodacima i suptilnim primarnim bojama, RGB i CMY.

Nekoliko čimbenika utječe na način na koji prepoznajemo boju. Jedan od tih čimbenika može se pokazati položajem boja na kotačiću u boji u odnosu na druge boje.

Važna nota: U znanosti i teoriji boja postoje precizne definicije za susjedne, kontrastne i komplementarne boje i kako se pojavljuju na kotačiću u boji. U grafičkom dizajnu i nekim drugim područjima koristimo labavo tumačenje. Boje ne moraju biti izravne suprotnosti ili imati određenu količinu odvajanja da bi se smatrale kontrastnim ili komplementarnim. U dizajnu je više o percepciji i osjećaju.
  • susjedan boje se pojavljuju jedna uz drugu na kotačiću u boji. Dvije ili više susjednih boja uskladiti jedno s drugim. Oni rade dobro zajedno (obično, ali ne uvijek). Saznajte više o susjednim bojama. Izraz harmonizira zvukove lijepo, ugodno. No, neke boje usklađivanja mogu se pojaviti isprati (žuto / zeleno) ili previše tamno i slično (plavo / ljubičasto) da dobro rade zajedno.
  • uporedan boje se pojavljuju u različitim segmentima kotača u boji (podijelite ga u četvrtima kako biste vizualizirali ovo). Daljnje međusobno odijeljene boje, zasićenosti ili vrijednosti, više kontrasta. Saznajte više o kontrastnim bojama. Iako je često potreban kontrast za postizanje optimalne čitljivosti (poput visokog kontrasta između pozadine i teksta), neke kontrastne boje kad se tiskaju jedna uz drugu mogu se vibrirati i biti naporne oko očiju.
  • dopunski boje se pojavljuju na suprotnim stranama kotača boja, izravno ili gotovo izravno jedna od druge. Saznajte više o komplementarnim bojama. Komplementarno se često zbunjuje pozdravni , Različita značenja. Dvije boje koje se kompliment (plosnati) međusobno mogu ili ne moraju biti međusobno nadopunjuju.

Susjedne, kontrastne i komplementarne kombinacije boja često se mogu poboljšati upotrebom nijansi i nijansi ili stvaranjem dodatnog kontrasta s crnom ili bijelom bojom. Pogledajte sljedeću stranicu za više boja koje kombiniraju osnove.

Indeks boja u boji:

  1. Mješanje u boji školskog razreda
  2. Aditive i subtraktični primari (RGB i CMY)
  3. RGB boja u izdavaštvu za stolna računala
  4. CMY boja u izdavaštvu stolnih računala
  5. Određivanje boja
  6. Percepcija boje (ova stranica)
  7. Nijansa, tonovi, nijanse i zasićenost
  8. Zajedničke sheme kombiniranja boja
  9. Fino podešavanje kombinacija boja
07 od 09

Nijanse, boja, nijanse i boje zasićenja

Postoji više boja koje možemo vidjeti i stvoriti od samo crvene, zelene, plave, cihe, žute i magenta. Iako je kotačić boja često prikazan s različitim blokovima boja, zaista su milijuni boja koji se uklapaju jedan u drugi dok kretamo po kotaču.

Svaka od tih pojedinačnih boja je nijansa. Crvena je nijansa. Plava je nijansa. Ljubičasta je nijansa. Teal, Violet, Orange i Green su sve boje.

Promjenu izgleda nijanse možete promijeniti dodavanjem crne boje (sjene) ili dodavanjem bijele (svjetlosti). vrijednost svjetlosti ili tame i zasićenje ili količina nijanse daje nam naše nijanse i tonove.

  • Dodajte različite količine crne boje da biste dobili nijanse, Zamislite dolazak mraka i tamne sjene koje treba zapamtiti nijansa plus crno jednako je a hlad.
  • Dodajte različite količine bijele boje kako biste olakšali nijansu. Svijetle boje su nijanse, U pogledu ispisa, koristite postotke boja tinte koje čine čistu nijansu, kao što je 80%, 50% ili 10%.

Ovo je samo osnovni uvod. Igrati se zasićenjem i vrijednostima kako biste stvorili nijanse i nijanse raznih tonova pomoću ovog interaktivnog Stvoritelja sheme boja u Colorpireu. Ili upotrijebite značajke boje u omiljenom grafičkom softveru da biste eksperimentirali s nijansom, zasićenjem i vrijednostima.

Intenzitet, lakoća ili svjetlina mogu se koristiti za označavanje vrijednosti boje u nekim softverskim programima.

Indeks boja u boji:

  1. Mješanje u boji školskog razreda
  2. Aditive i subtraktični primari (RGB i CMY)
  3. RGB boja u izdavaštvu za stolna računala
  4. CMY boja u izdavaštvu stolnih računala
  5. Određivanje boja
  6. Percepcija boje
  7. Nijanse, tonovi, nijanse i zasićenost (ova stranica)
  8. Zajedničke sheme kombiniranja boja
  9. Fino podešavanje kombinacija boja
08 od 09

Zajedničke sheme kombiniranja boja

Odabir jedne boje je dovoljno teško, dodavanje jedne ili više boja na mix može biti zastrašujuće. Ako pretražujete na webu ili pročitate različite knjige i časopise o bojama, naći ćete nekoliko uobičajenih metoda. Bit će također i varijacija. Da biste započeli, razmotrite ove metode za dolazak do savršene palete za tiskane ili web projekte.

  • Monokromatski palete boja počinju s jednim nijansama, a zatim upotrijebite nijanse i / ili tonove te boje kako bi proširili na dvije, tri ili više boja. Za izdavanje tiskanih materijala, korištenje sjaja jedne boje je jedan od načina korištenja boje bez trošenja tradicionalnog procesnog tiska u četiri boje. Dodajte crnu tintu za tekst i akcente.
  • Analogan ili usklađivanje paleta boja koristite dvije ili više susjednih boja na kotačiću u boji. Ako koristite vrlo mali segment kotačića u boji, dodavanje nijansi ili tonova jedne ili više nijansi može zadržati ove boje previše isprane ili niske kontrasta.
  • dopunski palete boja mogu koristiti dvije, tri ili četiri komplementarne parove boja. S podijeljenom paletnom paletom gledajte na obje strane komplementa (suprotno) svoje glavne boje kako biste pronašli odgovarajući par za dovršavanje trijade.
  • trojstvo Palete boja koriste tri boje. Započnite moj nalaz tri boje koje su ravnomjerno raspoređene oko kotača boja i rade odande.
  • Pomiješaj ga odabirom komplementarnog para zatim dodavanjem boje (ili dvije) jedne od boja (monokromatski + komplementarni). Ili odaberite dvije do četiri analogne (susjedne) boje plus dodatak jedne od tih nijansi (analogno + komplementarno).

To su samo polazišta. Nema čvrstih i brzih, nepromjenjivih pravila za miješanje i podudaranje boja. Također ćete otkriti da se kotači u boji prikazani na različitim mjestima mogu sasvim malo razlikovati, tako da izravne suprotnosti na jednom kotaču boje razlikuju se nešto drugačije. To je u redu. Premještanje nekoliko tonova na jedan ili drugi način prilikom uparivanja boja je kako završavamo sa svim vrstama zanimljivih paleta boja. Donja crta: odaberite kombinacije boja koje odgovaraju vašem projektu.

  • Koliko boja trebate koristiti? Uobičajeno je 2 do 5 (uključujući crno ili bijelo). Više od toga (osim fotografija) može postati vizualno neodoljiv - i ovisno o načinu tiskanja / vrsti tinte može biti skupo. Ali to je samo smjernica, a ne pravilo. Kod web stranica, korištenje više boja ne utječe na troškove, osim u smislu izgubljenih kupaca ako su boje previše .
  • Koliko biste trebali koristiti svaku boju? Iako je važno, to ne znači da biste trebali koristiti jednaku količinu svake boje u odabranoj paleti. Uravnotežite dozu jake boje s manjim količinama nekoliko lakših ili tamnih boja. Opet, nema apsolutnih vrijednosti. Ako koristite par jako jakih boja, korištenje manje od jedne od njih može zadržati vašu stranicu od prevelikog broja čitatelja.
  • Postoje li kombo boja koje se nikad ne smiju koristiti? Može biti. Možda ne.Pogledajte neke od zabranjenih kombinacija boja prije nego što napravite konačni odabir kombinacije boja.

Indeks boja u boji:

  1. Mješanje u boji školskog razreda
  2. Aditive i subtraktični primari (RGB i CMY)
  3. RGB boja u izdavaštvu za stolna računala
  4. CMY boja u izdavaštvu stolnih računala
  5. Određivanje boja
  6. Percepcija boje
  7. Nijansa, tonovi, nijanse i zasićenost
  8. Zajedničke sheme kombiniranja boja (ova stranica)
  9. Fino podešavanje kombinacija boja
09 od 09

Fino podešavanje kombinacija boja

Neke od nejasnoća susjednih, kontrastnih i komplementarnih kombinacija boja mogu se ublažiti uvođenjem crne i bijele, tamne i svijetle boje, nijanse i tonovi.

Nijanse i tonovi boje

Pri upotrebi susjednih ili harmoniziranih boja možete postići veći stupanj čitljivosti dodavanjem crne ili bijele na jednu od nijansi - mijenjajući zasićenost i vrijednost nijanse. Crno stvara tamniju nijansu nijanse. Bijela stvara svjetliju boju sjene. Tamo gdje žuti i žuto-zeleni uparivanje mogu biti preblizu kako bi dobro radili zajedno, korištenje tamnije nijanse zelenog može pomoći kombinaciji da stvarno pop.

Ovo je samo osnovni uvod. Igrati se zasićenjem i vrijednostima kako biste stvorili nijanse i nijanse raznih tonova pomoću ovog interaktivnog Stvoritelja sheme boja u Colorpireu. Ili upotrijebite značajke boje u omiljenom grafičkom softveru da biste eksperimentirali s nijansom, zasićenjem i vrijednostima. Neki grafički softver može koristiti intenzitet, svjetlinu ili lakoću da se odnosi na vrijednost nijanse.

Stvaranje kontrasta s crnom i bijelom bojom

Bijela je ultimativna boja svjetlosti i dobro je suprotna tamnim bojama kao što su crvena, plava ili ljubičasta. Crna je krajnja tamna boja i čini lakše boje kao što je žuta stvarno pop out.

Svaka pojedinačna ili više boja može promijeniti - ili naša percepcija od njih se mijenjaju - zbog ostalih okolnih boja, blizine boja jedno s drugim i količine svjetlosti. Zato se par boja koje se mogu uhvatiti u sukobu kada se postavljaju jedna uz drugu, mogu raditi i izgledati dobro kada su odvojeni na stranici ili se koriste s drugim bojama.

Boja svijetle boje postaje još lakši kad je u blizini tamne boje (uključujući crnu). Dvije slične boje jedna uz drugu mogu se pojaviti kao dvije različite boje, ali postavljene daleko od njih počinju izgledati kao iste boje.

Papir i emocije utječu na percepciju boja

Količinu svjetlosti koju vidimo u boji utječe i površina na kojoj je ispisana. Sjajna crvena korveta tiskana u oglasu časopisa na glatkom i sjajnom papiru neće izgledati isto kao i crvena korveta na novinskom oglasu. Radovi apsorbiraju i reflektiraju svjetlo i boju drugačije.

Značenje boja

Dodatno, naši se izbori boja često diktiraju emocije koje izazivaju specifične boje i kombinacije boja. Neke boje stvaraju fizičke reakcije. Neke boje i kombinacije boja imaju specifična značenja zasnovana na tradicionalnoj i kulturnoj upotrebi.

  • Umirujuće: plavo, zeleno, tirkizno, srebrno
  • Uzbudljivo: crvena, ružičasta, žuta, zlatna, narančasta
  • Mješovita hladna / topla boja značenja: ljubičasta, lavanda, zelena, tirkizna
  • Neutralna značenja u boji (ujednačavanje): smeđa, bež, bjelokost, siva, crna, bijela

Indeks boja u boji:

  1. Mješanje u boji školskog razreda
  2. Aditive i subtraktični primari (RGB i CMY)
  3. RGB boja u izdavaštvu za stolna računala
  4. CMY boja u izdavaštvu stolnih računala
  5. Određivanje boja
  6. Percepcija boje
  7. Nijansa, tonovi, nijanse i zasićenost
  8. Zajedničke sheme kombiniranja boja
  9. Kombinacije boja fino podešavanje (ova stranica)