https://peda.net/id/4aa9d01a99e 2025-09-25T12:01:57+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/4aaa180f99e 2021-03-08T15:35:25+02:00 <div id="sectionContent" class="tkannotable-region"> <div id="primaryContent"> <!--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. </span><!--filtered end tag: </figure>--> <p> </p> <h3>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. </span><!--filtered end tag: </figure>--> <p> </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> </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-09-25T12:01:57+03:00