https://peda.net/id/4d80b1c2738 2025-08-07T14:54:41+03:00 https://peda.net/:static/532/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/4d823bc9738 2022-08-09T10:56:17+03:00 <div id="sectionContent" class="tkannotable-region"> <div id="primaryContent"> <h3>Väriaistimus on aivojen ja silmän yhteistyötä</h3> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/18099/files/pantone-1074763_960_720.jpg" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/18099/files/pantone-1074763_960_720.jpg" alt=""/><!--filtered attribute: id="p17lx17cplg"--><!--filtered attribute: data-caption="Pantonen standardiksi muodostunut värikartta. "--><!--filtered attribute: data-source="pixabay (cc0)"--></a><a href="https://pixabay.com/en/pantone-color-nuance-swatches-1074763/" rel="noopener nofollow ugc" target="_blank"><span class="caption rs_skip">Pantonen standardiksi muodostunut värikartta. </span><br/> <span class="source rs_skip">Lähde: pixabay (cc0)</span></a><!--filtered end tag: </figure>--> <p>Väri on olemassa vain omassa näköhavainnossamme. Valonsäteet ovat värittömiä, kun ne kohtaavat verkkokalvon ja näköaistinsolut. Kohtaamisen aikaansaamat sähköiset impulssit siirtyvät näköhermoa pitkin aivojen näkökeskukseen, minkä seurauksena aivoissa syntyy useamman aivoalueen yhteistyönä näköaistimus väristä. </p> <h3>Värillä on voimaa</h3> <p>Taide, muotoilu, valokuvaus, arkkitehtuuri ja muoti ovat erinomaisia esimerkkejä aloista, joissa värin valta ja voima tulevat hyvin esiin. Väreillä on vaikutusta jokapäiväisessä arjessamme ja monet valinnoistamme perustuvat värien aikaansaaman vaikutelmaan. Liitämme väreihin niin fyysisiä kuin henkisiä ominaisuuksia – länsimaissa keltaisella seinällä mielletään olevan piristävä vaikutus asukkaaseen ja pikaruokaravintoloiden kestovärinä keltaisen oletetaan lisäävän ruokahalua.</p> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/18099/files/color-455365_960_720.png" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/18099/files/color-455365_960_720.png" alt=""/><!--filtered attribute: id="o24cishujh8"--><!--filtered attribute: data-caption="12-sektorinen väriympyrä on loistava työväline väriteemojen luomiseen."--><!--filtered attribute: data-source="PD"--></a><a href="https://pixabay.com/en/color-district-colorful-pattern-455365/" rel="noopener nofollow ugc" target="_blank"><span class="caption rs_skip">12-sektorinen väriympyrä on loistava työväline väriteemojen luomiseen.</span><br/> <span class="source rs_skip">Lähde: PD</span></a><!--filtered end tag: </figure>--> <h3>Kolme pääväriä mahdollistavat loputtomat värivaihtoehdot – väriympyrä graafisen suunnittelun välineenä</h3> <p>Visuaalisella alalla värien sommittelulla on merkittävä rooli tuotoksen suunnittelussa. Väriharmonian luomisessa auttaa väriympyrä, josta voi poimia värejä luodakseen erilaisia tuotokseen sopivan tunnelman sarjoja. Tässä luvussa esitellään perusväriharmoniat sekä työkaluja niiden varioimiseen. </p> <p> </p> <h3>Lähiväriharmonia</h3> <p>Nimensä mukaisesti valitut värit ovat lähekkäin toisiaan väriympyrässä. Lähiväriharmonia antaa usein rauhallisen ja luonnollisen vaikutelman. </p> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2017.15.59%282%29.png" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2017.15.59%282%29.png" alt=""/><!--filtered attribute: id="j2ldf81ks7"--><!--filtered attribute: data-caption="Lähiväriharmoniassa värit ovat läheisiä toisilleen. Esimerkiksi punainen, oranssi ja keltainen muodostavat lähiväriharmonian. "--><!--filtered attribute: data-source=""--></a><span class="caption rs_skip">Lähiväriharmoniassa värit ovat läheisiä toisilleen. Esimerkiksi punainen, oranssi ja keltainen muodostavat lähiväriharmonian. <br/> <br/> </span><!--filtered end tag: </figure>--> <p><a href="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-variympyra-analogisetvarit.jpg#top" title="Hahmotus_Variympyra_Analogisetvarit.jpg"><img src="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-variympyra-analogisetvarit.jpg:file/photo/8688c6fe1b204975dbaa1fb9dcd091d9c64c6dee/Hahmotus_Variympyra_Analogisetvarit.jpg" alt="" title="Hahmotus_Variympyra_Analogisetvarit.jpg" class="inline" loading="lazy"/></a></p> <h3><a href="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-blogipostauskuva-analogisetvarit-kuva.jpg#top" title="Hahmotus_Blogipostauskuva_Analogisetvarit_Kuva.jpg"><img src="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-blogipostauskuva-analogisetvarit-kuva.jpg:file/photo/fdaf70d3a4fdca4a21af2249a05cee4c0e937eb2/Hahmotus_Blogipostauskuva_Analogisetvarit_Kuva.jpg" alt="" title="Hahmotus_Blogipostauskuva_Analogisetvarit_Kuva.jpg" class="inline" loading="lazy"/></a><br/> <br/> Yksiväriharmonia</h3> <p>Yksiväriharmonia eli monokromaattinen harmonia on yhdestä ainoasta väristä saatava vivahdesarja. Ne ovat visuaalisesti helppokäyttöisiä värisarjoja, mutta eivät kovin monipuolisia.</p> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2014.04.07.png" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2014.04.07.png" alt=""/><!--filtered attribute: id="l10cp8k8ir8"--><!--filtered attribute: data-caption="Monokromaattinen väriharmonia eli yhdestä väristä luotu sarja. "--><!--filtered attribute: data-source=""--></a><span class="caption rs_skip">Monokromaattinen väriharmonia eli yhdestä väristä luotu sarja. <br/> <a href="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-kuinka-valita-toimiva-varipaletti-blogi.jpg#top" title="Hahmotus_Kuinka_Valita_Toimiva_Varipaletti_Blogi.jpg"><img src="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-kuinka-valita-toimiva-varipaletti-blogi.jpg:file/photo/76007f00558e6b07827aaa809c422d4697db7727/Hahmotus_Kuinka_Valita_Toimiva_Varipaletti_Blogi.jpg" alt="" title="Hahmotus_Kuinka_Valita_Toimiva_Varipaletti_Blogi.jpg" class="inline" loading="lazy"/></a><br/> </span><!--filtered end tag: </figure>--> <p><a href="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-varipaletti-kuinka-valita-toimiva-varipaletti.png#top" title="Hahmotus_Varipaletti_Kuinka_Valita_Toimiva_Varipaletti.png"><img src="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-varipaletti-kuinka-valita-toimiva-varipaletti.png:file/photo/d1d215d8b6b98d1925a53511008d59b40b17c279/Hahmotus_Varipaletti_Kuinka_Valita_Toimiva_Varipaletti.png" alt="" title="Hahmotus_Varipaletti_Kuinka_Valita_Toimiva_Varipaletti.png" class="inline" loading="lazy"/></a></p> <h3>Vastaväriharmonia</h3> <p>Väriympyrän vastakkaisilla puolilla toisistaan olevat värit ovat toistensa vastavärejä eli komplementtivärejä. Värit saavat vierekkäin asetettuina aikaan vastakkaisvaikutuksen, joten jätä niiden väliin valkoista tai ainakin jokin väliväri.</p> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2017.45.01%281%29.png" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2017.45.01%281%29.png" alt=""/><!--filtered attribute: id="aspkk926it"--><!--filtered attribute: data-caption="Väriympyrän vastakkaisia värejä yhdistettäessä työssä tulee olla tietoinen niiden vastakkaisvaikutuksesta toisiinsa. "--><!--filtered attribute: data-source=""--></a><span class="caption rs_skip">Väriympyrän vastakkaisia värejä yhdistettäessä työssä tulee olla tietoinen niiden vastakkaisvaikutuksesta toisiinsa. </span><!--filtered end tag: </figure>--> <p><a href="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-asiaa-vareista-vastavariharmonia-vastavarit-blogipo#top" title="Hahmotus_Asiaa_Vareista_Vastavariharmonia_Vastavarit_Blogipostaus-800x638.png"><img src="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-asiaa-vareista-vastavariharmonia-vastavarit-blogipo:file/photo/7b901ca8e4baf58eaa174ad14dfb797c7bb834c4/Hahmotus_Asiaa_Vareista_Vastavariharmonia_Vastavarit_Blogipostaus-800x638.png" alt="" title="Hahmotus_Asiaa_Vareista_Vastavariharmonia_Vastavarit_Blogipostaus-800x638.png" class="inline" loading="lazy"/></a><br/> <br/> <a href="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-kuinka-valita-toimiva-varipaletti.png2#top" title="Hahmotus_Kuinka_Valita_Toimiva_Varipaletti.png"><img src="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-1/ku1/ku1.25l3/vl/nimet%C3%B6n-29292/hahmotus-kuinka-valita-toimiva-varipaletti.png2:file/photo/44081c01f32012d5382e0f9dcd2b57b9c213c555/Hahmotus_Kuinka_Valita_Toimiva_Varipaletti.png" alt="" title="Hahmotus_Kuinka_Valita_Toimiva_Varipaletti.png" class="inline" loading="lazy"/></a></p> <h3>Kolmisointuvärit </h3> <p>Väriympyrästä valitaan kolme väriä, jotka ovat tasan saman etäisyyden päässä toisistaan, eli jos väriympyrän sisään piirrettäisiin tasasivuinen kolmio, jokainen väri olisi yhden kolmion kärjen kohdalla. </p> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2017.55.53.png" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2017.55.53.png" alt=""/><!--filtered attribute: id="l1sjon5e2g4"--><!--filtered attribute: data-caption="Kolmisointuväriharmonia tarjoaa mahdollisuuden monipuolisempaan lopputulokseen, mutta ajattelemattomasti sommiteltuna antaa varsin sekavan vaikutelman. "--><!--filtered attribute: data-source=""--></a><span class="caption rs_skip">Kolmisointuväriharmonia tarjoaa mahdollisuuden monipuolisempaan lopputulokseen, mutta ajattelemattomasti sommiteltuna antaa varsin sekavan vaikutelman. </span><!--filtered end tag: </figure>--> <p> </p> <div class="aside box"> <p>Adobella on nerokas suunnittelusivusto <a href="https://color.adobe.com/create/color-wheel/" rel="noopener nofollow ugc" target="_blank">Color CC</a>, jossa pystyt luomaan omia väriharmonioita. Voit valita eri väriharmoniatyyppejä, kuten vaikka kolmisointuvärin, ja liikuttaa valitsimia väriympyrässä. Mielenkiintoisin toiminto sivustolla on kuitenkin mahdollisuus tuoda sinne valitsemasi kuva, josta se automaattisesti poimii väriharmonioita.</p> <p><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2018.15.32.png" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/18099/files/Screen%20Shot%202017-01-06%20at%2018.15.32.png" alt=""/><!--filtered attribute: id="z1vgczy4m1b"--><!--filtered attribute: data-caption=""--><!--filtered attribute: data-source=""--><!--filtered attribute: style="height: auto; margin-bottom: 10px; margin-top: 10px; width: 800px;"--></a></p> </div> </div> <div id="alternateContent"> </div> </div> <div class="clearfix"> </div> <div class="page-bottom clearfix"><span class="tags"> </span></div> 2025-08-07T14:54:41+03:00 https://peda.net/id/4d87aaf3738 2025-08-07T14:54:41+03:00 <!--filtered tag: <article--><!--filtered attribute: id="uuid-4d880350-7385-11f0-b726-428e09909083"--><!--filtered attribute: class="link document uuid-4d880350-7385-11f0-b726-428e09909083 enclose"--><!--filtered attribute: data-id="4d880350-7385-11f0-b726-428e09909083"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.youtube.com/watch?v=_2LLXnUdUIc" title="https://www.youtube.com/watch?v=_2LLXnUdUIc (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">https://www.youtube.com/watch?v=_2LLXnUdUIc</a></h1> <!--filtered end tag: </header>--><div class="main"></div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> 2025-08-07T14:54:41+03:00 https://peda.net/id/4d8869b3738 2025-08-07T14:54:41+03:00 <!--filtered tag: <article--><!--filtered attribute: id="uuid-4d88cabc-7385-11f0-b726-428e09909083"--><!--filtered attribute: class="link document uuid-4d88cabc-7385-11f0-b726-428e09909083 enclose"--><!--filtered attribute: data-id="4d88cabc-7385-11f0-b726-428e09909083"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.slideshare.net/mervikarvinen9/varikontrastit-20420998" title="https://www.slideshare.net/mervikarvinen9/varikontrastit-20420998 (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">https://www.slideshare.net/mervikarvinen9/varikontrastit-20420998</a></h1> <!--filtered end tag: </header>--><div class="main"></div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> 2025-08-07T14:54:41+03:00 https://peda.net/id/4d893702738 2021-01-14T18:57:59+02:00 <h3>Väri</h3> <p><a href="http://fi.wikipedia.org/wiki/V%C3%A4ri" rel="noopener nofollow ugc" target="_blank">Värejä</a> käytetään tiedottamiseen, symboleina ja erilaisina tunnuksina. Olemme tottuneet vesihanan siniseen ja punaiseen lämpötilan symboleina, musta väri assosioituu lakritsiin ja salmiakkiin karkkihyllyllä, toivon ja kasvun väri vihreä ohjaa hätäuloskäynnille koululuokasta. Kulttuurimme väri-ilmaisu on edelleen vahvasti sukupuolittunut: vastasyntyneen sukupuolta korostetaan värivalinnoin ja eri sukupuolille markkinoidaan jopa samoja tuotteita eri väriversioina. Väri on taiteen tärkeä ilmaisuväline.</p> <p>Väri syntyy sähkömagneettisesta säteilystä, ihmissilmälle näkyvästä valosta, spektristä - pimeässä ei värejä voi erottaa toisistaan. Ihmissilmä erottaa väreinä spektrin alueen (760-380 nanometrin pituiset) aallot. Ihmisillä värinäkö perustuu silmän tappisolujen värierottelukykyyn. <a href="https://fi.wikipedia.org/wiki/V%C3%A4risokeus" rel="noopener nofollow ugc" target="_blank">Värisokealla</a> värierottelukyky on häiriintynyt tavalla tai toisella. Värierottelukyvyn ongelmat seulotaan <a href="http://www.terveystalo.com/fi/Palvelut/Klinikat/SilmaKlinikka/SilmaKlinikka/Varinakotesti/" rel="noopener nofollow ugc" target="_blank">ishihara</a>-testillä.</p> <div> <div class="fluid-width-video-wrapper"> </div> </div> <p>Värisymboliikka vaihtelee aikakausittain ja eri <a href="http://www.coloria.net/kulttuurit/variyhdistelmat.htm" rel="noopener nofollow ugc" target="_blank">kulttuureissa</a>. Kokemus väristä vaikuttaa ihmisen viihtymiseen, tunteisiin ja mielialaan. Värin kokeminen on toisaalta yksilöllistä, mutta myös ympäröivän kulttuurin opettamaa.</p> <div class="discussion box"> <p>Kerro esimerkkejä suomalaiseen tai vieraaseen kulttuuriin sidotuista värikokemuksista.</p> </div> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/327/files/v%C3%A4ri.JPG" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/327/files/v%C3%A4ri.JPG" alt="puolukat"/><!--filtered attribute: data-caption=""--><!--filtered attribute: data-source="Tabletkoulu.fi (Aki Pulkkanen)"--></a><span class="source rs_skip">Lähde: Tabletkoulu.fi (Aki Pulkkanen)</span><!--filtered end tag: </figure>--> <p> </p> <h3>Väriteorioiden kirjo</h3> <p>Värin ominaisuuksia ovat sävy eli paikka spektrillä, valööri eli tummuusaste ja kylläisyys eli mm. värin pigmenttipitoisuus. Subtraktiivisia päävärejä ovat punainen, sininen ja keltainen.</p> <ol> <li><strong>Subtraktiivinen </strong>värinmuodostus on maalaustaiteesta tuttu järjestelmä, jossa punainen, sininen ja keltainen ovat päävärejä. Värejä sekoittaen saadaan välivärit eli violetti, vihreä ja oranssi.</li> <li><strong>Additiivinen </strong>värinmuodostus (RGB-värit) tarkoittaa värillisten valojen sekoittamista. Kun additiivisia päävärejä eli punaista, sinistä ja vihreää sekoitetaan, valon voimakkuus kasvaa. Päävärien yhteissummana on valkoinen valo.</li> <li><strong>Optinen </strong>värinmuodostus tarkoittaa värien sekoittumista ihmisen näkökentässä. Pieninä pisteinä olevat värihiukkaset antavat kokonaisvaikutelman värisävystä ja sekoittuvat siis optisesti näköhavainnossa. Erityisesti <a href="http://fi.wikipedia.org/wiki/Pointillismi" rel="noopener nofollow ugc" target="_blank">pointillisti-tyylisuunnan</a> käyttämä maalaustekniikka.</li> </ol> <p>Vastaväriparit ovat subtraktiivisen värinmuodostuksen mukaan punainen-vihreä, sininen-oranssi ja keltainen-violetti. <a href="http://fi.wikipedia.org/wiki/Vastav%C3%A4ri" rel="noopener nofollow ugc" target="_blank">Vastavärit</a> korostavat toisiaan sopivissa suhteissa. Sinisessä huoneessa oranssi hehkuu, punaisiin pukeutuneen henkilön vihreät silmät korostuvat ja violetin yhdistäminen keltaiseen sopivassa suhteessa näyttää energiseltä, jopa levottomalta.</p> <p>Värit koetaan yleisesti lämpiminä tai kylminä. Valo- ja videokuvauksessa valon<a href="http://fi.wikipedia.org/wiki/V%C3%A4ril%C3%A4mp%C3%B6tila" rel="noopener nofollow ugc" target="_blank"> värilämpötila</a> tulee selkeästi esille.</p> <p> </p> <!--filtered tag: <figure--><!--&gt;--><a class="colorbox cboxElement" href="https://app.tabletkoulu.fi/files/Section/327/files/P%C3%A4%C3%A4v%C3%A4rit%20pieni.jpg" rel="nofollow ugc noopener"><img src="https://app.tabletkoulu.fi/files/Section/327/files/P%C3%A4%C3%A4v%C3%A4rit%20pieni.jpg" alt=""/><!--filtered attribute: data-caption="Subtraktiiviset päävärit painotalossa."--><!--filtered attribute: data-source="Tabletkoulu.fi (Aki Pulkkanen)"--></a><span class="caption rs_skip">Subtraktiiviset päävärit painotalossa.</span><br/> <span class="source rs_skip">Lähde: Tabletkoulu.fi (Aki Pulkkanen)</span><!--filtered end tag: </figure>--> <p> </p> <p> </p> 2025-08-07T14:54:41+03:00