Understanding Color Theory in Photoshop

Ytimeltään väri on havainto. Kun silmämme tarkkailevat esinettä, ne lähettävät tietoa aivoillemme, jotka tulkitsevat tämän datan tietyksi väriksi.

Väriteoria yhdistää taiteen ja tieteen värien käytössä. Se syventyy siihen, miten ihmiset kokevat värit sekä fyysisesti että psykologisesti, sekä siihen, miten värejä sekoitetaan, yhdistellään ja kontrastoidaan.

Lisäksi se huomioi erilaisten värien viestit. Käytännön tasolla väriteoria antaa ohjeita siitä, miten tiettyjä värejä voidaan toistaa eri medioissa, kuten painatuksessa, tietokoneilla, taiteessa jne.

Pohjimmiltaan väriteoria tarjoaa parhaat käytännöt värien valintaan harmonisten suunnittelujen ja tehokkaiden väriyhdistelmien luomiseksi ihmisen silmälle.

Väri on tärkeää, koska sitä on kaikkialla! Sitä löytyy liikennemerkeistä, supermarketeista ja kaupoista. Väriä käytetään valokuvauksessa, maalauksissa, tuotesuunnittelussa, muotisuunnittelussa, verkkosivujen tai mobiilisovellusten suunnittelussa, sisustuksessa jne.

1. Värimallit

Tästä on puhuttu aiemmin osiossa 1, mutta mennään hieman syvemmälle.

RGB-malli

Televisiot, projektorit ja elektroniset näytöt käyttävät RGB-mallia, jossa pääväreinä ovat punainen, vihreä ja sininen. Toisin kuin RYB-malli (punainen, keltainen, sininen), joka sekoittaa pigmenttejä, RGB-malli sekoittaa valoa muiden värien tuottamiseksi. Tämä tekee RGB:stä additiivisen värimallin, koska se alkaa mustasta ja yhdistää eri voimakkuuksia punaista, vihreää ja sinistä valoa. Mitä enemmän valoa lisätään, sitä kirkkaampi väri saadaan. Kaikkien kolmen valon yhdistäminen yhtä suurina määrinä tuottaa puhtaan valkoisen valon.

CMYK-malli

Kaikki värit, jotka nähdään fyysisellä painetulla pinnalla, käyttävät CMYK-värimallia, joka eroaa RGB:stä, sillä se on subtraktiivinen värimalli. Värit syntyvät vähentämällä paperista heijastuvaa valoa levittämällä pigmenttiväriä valkoiselle pinnalle. CMYK käyttää pääväreinä syaania, magentaa, keltaista ja mustaa, mikä mahdollistaa laajemman väriskaalan tuottamisen paperille.

Vaikka CMYK on ihanteellinen painotuotteisiin, sen käyttö digitaalisissa näytöissä johtaisi vääriin väreihin verkossa tai verkkosivuilla. Siksi on tärkeää tietää, milloin vaihtaa mallien välillä.

RYB-malli

Tämä on värimalli, jonka useimmat oppivat lapsena sekoittaessaan sormivärejä koulussa. Tunnetaan nykyään "perinteisenä" väriteoriana, ja sitä käytetään edelleen taiteilijoiden ja suunnittelijoiden keskuudessa maalien sekoittamiseen ja väripalettien luomiseen. Tämän mallin päävärit ovat punainen, keltainen ja sininen.

Tämä malli perustuu myös subtraktiiviseen värien sekoittamiseen, eli lähtökohtana on kankaan tai paperin valkoinen väri. Lisäämällä pigmenttiä (kuten maalia, värikynää tai tussia) paperista heijastuva valo vähenee. Muista, että valkoinen on kaikkien muiden värien yhdistelmä.

2. Väripyöräteoria

Väripyörä järjestää värit kolmeen pääväriin, kolmeen toissijaiseen väriin ja kuuteen tertiääriväriin (tai väli-/sekaväriin) liukuväripyörälle, joka havainnollistaa värien suhteet toisiinsa helposti ymmärrettävässä visuaalisessa mallissa.

Päävärit ovat kolme perusväriä, joita ei voi luoda sekoittamalla muita värejä. Nämä ovat punainen, keltainen ja sininen.

Toissijaiset värit muodostuvat sekoittamalla kahta pääväriä. Ne ovat:

• Punainen + Sininen = Purppura;
• Punainen + Keltainen = Oranssi;
• Sininen + Keltainen = Vihreä.

Tertiaarivärit syntyvät yhdistämällä pääväri ja toissijainen väri. Tertiaarivärejä on kuusi:

• Punainen + Purppura = Magenta;
• Punainen + Oranssi = Vermilion;
• Sininen + Purppura = Violetti;
• Sininen + Vihreä = Teal;
• Keltainen + Oranssi = Amber;
• Keltainen + Vihreä = Chartreuse.

Nämä kaksitoista väriä muodostavat väriopin peruspaletin. Jokaisella näistä perusväreistä on kuitenkin monia muunnelmia, mikä tarjoaa laajan värikirjon käytettäväksi. Näitä muunnelmia voidaan pitää värin eri ominaisuuksina tai elementteinä.

3. Sävy, Arvo, Kroma ja muuta

• Sävy: sävy on värin puhtain muoto ja viittaa sen sijaintiin väripyörässä, edustaen väriperhettä kuten punainen, sininen tai vihreä;

• Arvo: arvo ilmaisee värin vaaleuden tai tummuuden, johon vaikuttaa sävyyn lisätty musta (varjostus), valkoinen (taitto) tai harmaa (sävytys), jotka muuttavat värin puhtautta ja ulkonäköä;

• Kroma: kroma kuvaa värin voimakkuutta tai kylläisyyttä, eli kuinka kirkkaalta tai hillityltä väri näyttää.

Näiden käsitteiden ymmärtäminen on olennaista väriopissa, sillä käytännössä työskennellään usein neutraaleilla (musta, valkoinen ja harmaa) sekoitetuilla väreillä.

• Varjostus: mustan lisääminen sävyyn luo varjostuksen, jolloin alkuperäisestä väristä tulee tummempi, esimerkiksi mustan ja punaisen sekoittaminen tuottaa burgundin;

• Taitto: varjostuksen vastakohta, valkoisen lisääminen sävyyn tuottaa taiton, jolloin väri vaalenee;

• Sävytys: harmaan lisääminen sävyyn luo sävytyksen, joka tummentaa väriä ja tekee siitä vähemmän voimakkaan ja hillitymmän. Tätä kutsutaan joskus kylläisyydeksi;

Yksinkertaistettuna:

• Varjostus = Puhtaan värin ja mustan yhdistelmä;
• Taitto = Puhtaan värin ja valkoisen yhdistelmä;
• Sävytys = Puhtaan värin ja harmaan yhdistelmä.

4. Värilämpötila

Väripyörän voi jakaa lämpimiin ja viileisiin väreihin piirtämällä suoran viivan sen keskelle.

Yleisesti ottaen punaiset, keltaiset ja oranssit ovat lämpimiä värejä, kun taas siniset, vihreät ja violetit ovat viileitä värejä. Tämä ei kuitenkaan ole aina yksiselitteistä, sillä yksittäisillä väreillä voi olla lämpimiä tai viileitä vivahteita.

Esimerkiksi punaisesta löytyy viileitä sävyjä ja vihreästä lämpimiä sävyjä. Värilämpötila on merkittävä, koska aivomme havaitsevat sen alitajuisesti. Olipa kyseessä taideteoksen luominen, huoneen sisustaminen tai logon suunnittelu, värilämpötilan vaikutus tunteisiin ja havaintoihin kannattaa ottaa huomioon.

5. Väriharmonia / Väri­suhteet

Väriharmonioilla tarkoitetaan värien järjestelyjä, jotka ovat visuaalisesti miellyttäviä ja luovat yhtenäisyyden tunnetta. Ne tekevät väriteemasta toimivan ja houkuttelevan. Tämä on keskeistä väriteoriassa, koska värit vaikuttavat toisiinsa tietyssä kontekstissa ja muokkaavat kokonaisvaikutelmaa.

Kun väriteemasta puuttuu harmonia, se voi olla joko tylsä tai sekava: liiallinen ärsyketulva tekee suunnittelusta epämiellyttävän katsella, kun taas yksitoikkoisuus saa katsojan menettämään mielenkiintonsa. Väriharmonian saavuttaminen edellyttää tasapainon löytämistä näiden ääripäiden välillä. Tavoitteena on, että katsoja nauttii suunnittelusta, kuvasta tai taideteoksesta.

Tämä on tärkeää myös käyttäjäkokemuksen (esimerkiksi mobiilisovellusten suunnittelussa) ja saavutettavuuden kannalta.

Tietyt väriharmoniat ja kontrastitasot ovat helpommin luettavia ja käyttäjäystävällisempiä, erityisesti värisokeille henkilöille. Riittävä kontrasti tekee suunnittelusta saavutettavaa ja miellyttävää kaikille. Tässä ovat tärkeimmät väriharmoniat:

Monokromaattinen

Monokromaattisessa väriteemassa käytetään yhden sävyn eri tummuus- ja vaaleusasteita. Tämä lähestymistapa takaa yhtenäisen ja viimeistellyn ilmeen, ja sen toteuttaminen on helppoa ilman virheitä.

Komplementaarinen

Komplementaarisessa väriteemassa käytetään kahta väriä, jotka sijaitsevat väripyörän vastakkaisilla puolilla, kuten punaista ja vihreää. Tämä luo voimakkaan kontrastin, jolloin suunnittelu erottuu ja on helposti luettavissa – siksi monet logot hyödyntävät tätä teemaa.

Jaettu komplementaarinen

Jaetussa komplementaarisessa teemassa on yksi pääväri ja kaksi väriä, jotka ovat päävärin komplementtivärin viereisiä värejä väripyörällä. Toisin sanoen, valitse ensin päävärin vastaväri ja sitten sen molemmin puolin olevat värit. Tämä tuo enemmän vivahteita kuin pelkkä komplementaarinen teema, mutta säilyttää vahvan kontrastin – tasapainon löytäminen voi kuitenkin olla haastavaa.

Analoginen

Analogisessa väriteemassa käytetään vierekkäisiä värejä väripyörällä, kuten punaista, oranssia ja keltaista. 60-30-10-sääntö auttaa säilyttämään tasapainon: 60 % hallitsevaa väriä, 30 % tukiväriä ja 10 % korostusväriä. Tämä teema on visuaalisesti miellyttävä ja tehokas esimerkiksi verkkosuunnittelussa, jossa korostusväri kiinnittää huomion tärkeisiin elementteihin, kuten "Osta nyt" -painikkeisiin.

Triadinen

Triadiset väriteemat, eli kolmioteemat, sisältävät kolme tasavälein väripyörällä sijaitsevaa väriä. Kokeneet suunnittelijat käyttävät usein yhtä hallitsevaa väriä ja pehmeämpiä sävyjä kahdesta muusta, jotta kokonaisuus ei olisi liian voimakas.

Neliö

Neliöväriteemassa käytetään neljää tasavälein väripyörällä sijaitsevaa väriä, jotka muodostavat kaksi komplementtiparia. Tämä tarjoaa runsaasti kontrastia ja monipuolisuutta. Yksi väri kannattaa pitää hallitsevana ja muut tukevina tai korostusväreinä, jotta kokonaisuus ei käy liian raskaaksi.

Tetradinen

Tetradinen väriteema, eli suorakaideteema, muistuttaa neliöteemaa, mutta siinä käytetyt sävyt ovat lähempänä toisiaan väripyörällä ja muodostavat luonnollisia pareja.

Väriteorian sovellukset

• Taide ja suunnittelu: taiteilijat ja suunnittelijat hyödyntävät väriteoriaa luodakseen esteettisesti miellyttäviä teoksia ja välittääkseen tiettyjä tunnelmia tai viestejä;
• Markkinointi ja brändäys: värejä käytetään strategisesti brändäyksessä herättämään tiettyjä tunteita ja vaikuttamaan kuluttajakäyttäytymiseen;
• Sisustussuunnittelu: väriteoria auttaa valitsemaan väriteemoja, jotka luovat halutun tunnelman eri tiloihin.

Keskeisiä lisäresursseja

• Adobe Color on työkalu väriteemojen luomiseen väriteorian pohjalta. Erinomainen väripaletin generaattori. Voit myös poimia värejä valokuvasta. Löydät sen Linkki;

• Coolors on myös erinomainen väripalettigeneraattori. Löydät sen Linkki;

• HueSnap on myös ilmainen työkalu värien poimintaan ja väripalettien luomiseen. Sillä voi poimia värejä olemassa olevista kuvista tai luoda uusia väriteemoja alusta alkaen. Tässä Linkki;

• Jos pidät kirjoista, Josef Albersin "The Interaction of Color" on väriteorian perusteos.

Harjoittelun myötä värit tulevat tutummiksi ja väriteorian soveltaminen työssäsi muuttuu alitajuiseksi. Silmiä voi ajatella lihaksina: kuten kehoa treenataan kuntosalilla, muiden taideteosten, suunnitelmien tai kuvien katselu kehittää silmää värien harmoniaan ja auttaa tekemään parempia väriyhdistelmiä.

Tässä yhteenveto ja pikaopas käsitellyistä asioista. Upotetusta kuvasta löydät myös esimerkkejä värien merkityksistä eri puolilla maailmaa, jotta ymmärrät, miten värit koetaan eri tavoin eri yleisöissä.