Jaetut vastavärit: kontrastia ilman ristiriitaa

Jaetut vastavärit ovat kolme väriä: pohja ja sen vastavärin kummallakin puolella olevat värit. Sinisen suoran vastavärin oranssin sijaan yhdistät sinisen punaoranssiin ja keltaoranssiin. Säilytät lämpimän ja viileän välisen kontrastin, joka tekee vastaväriyhdistelmistä eläviä. Koska mikään väri ei kuitenkaan ole täsmälleen toisen vastakohta, tulos on silmälle lempeämpi ja paljon helpompi tasapainottaa oikeassa suunnitelmassa.

Miten jaetut vastavärit toimivat

Kuvittele väriympyrä kelloksi. Pohjavärisi on kahdessatoista. Sen vastaväri on kuudessa. Jaettu vastaväriharmonia ohittaa kuuden ja valitsee sen sijaan viiden ja seitsemän. Asteina se tarkoittaa sävyjä noin 150 ja 210 asteen päässä pohjaväristä.

1. 1

   Valitse pohjasävy

   Aloita väristä, joka on suunnitelmasi ydin: brändiväri, tuote tai tunnelma. Esimerkiksi sinivihreä sävyarvolla 175 astetta.

2. 2

   Etsi sen vastaväri

   Lisää 180 astetta. Sinivihreän vastaväri on korallinpunainen noin 355 asteessa.

3. 3

   Siirry 30 astetta kummallekin puolelle

   Kulje vastaväristä 30 astetta kumpaankin suuntaan: noin 325 asteeseen eli pinkkiin ja 25 asteeseen eli oranssiin.

4. 4

   Säädä vaaleutta ja kylläisyyttä

   Sävyt määrittävät harmonian, mutta sinä valitset kunkin värin vaaleuden, syvyyden ja murrettuuden. Siinä paletti alkaa näyttää omaltasi.

Miksi jaetut vastavärit riitelevät vähemmän

Tarkat vastavärit, kuten punainen ja syaani tai sininen ja oranssi, kilpailevat huomiosta yhtä voimakkaasti. Täydessä kylläisyydessä vierekkäin ne voivat näyttää värisevän, ja sekoitettuina ne muuttuvat harmaiksi. Vastavärit ovat siksi tehokkaita, mutta virheille jää vähän tilaa.

Jaetussa harmoniassa kaksi kumppania ovat 60 asteen päässä toisistaan, joten ne ovat läheistä sukua. Ne tukevat toisiaan riitelyn sijaan ja tasapainottavat pohjaa yhdessä. Saat kontrastia ja luontaisen liittolaisen lämpimälle tai viileälle puolelle sen mukaan, mistä aloitat.

Esimerkkejä jaettujen vastavärien paleteista

Viisi yllä olevilla vaiheilla rakennettua palettia. Jokaisen rivin ensimmäinen väri on pohja, muut kaksi sen jaetut kumppanit. Vaaleus ja kylläisyys on säädetty niin, että sarjat sopivat oikeaan käyttöön eivätkä ole vain teoriassa oikein.

Jaetun vastaväriharmonian käyttö suunnitelmassa

Kolme yhtä voimakasta väriä saa suunnitelman näyttämään lipulta. Anna niille sen sijaan erikokoiset tehtävät. 60 30 10 -sääntö on hyvä lähtökohta: pohja peittää suurimman osan alueesta, yksi kumppani toimii tukena ja toinen näkyy vain kohdissa, joihin haluat katseen osuvan ensin.

Murrettuus on toinen säätökeinosi. Tummenna tai harmaanna pohjaa, kunnes se toimii lähes neutraalina. Kumppanit alkavat näyttää harkituilta eivätkä räikeiltä. Näin jaettu harmonia saa hienostuneen tunnelman: syvä sinivihreä, pölyinen pinkki ja pehmeä aprikoosi käyttävät samoja sävyjä kuin kirkas versio mutta tuovat mieleen boutique-hotellin rantapallon sijaan.

Maalarin vai näytön väriympyrä

Yleisiä väriympyröitä on kaksi. Perinteisen maalarin ympyrän päävärit ovat punainen, keltainen ja sininen, joten punaisen vastaväri on vihreä. Näytöt käyttävät punaista, vihreää ja sinistä valoa, joten HSL-ympyrässä punaisen vastaväri on syaani. Molemmat antavat kelvollisia harmonioita. Käytä vain samaa ympyrää johdonmukaisesti. CSS:n hsl() käyttää näytön ympyrää, joten voit luoda harmonian pienellä laskutoimituksella.

:root {
  --h: 175; /* base hue in degrees */
  --base: hsl(var(--h) 70% 32%);
  --split-a: hsl(calc(var(--h) + 150) 70% 60%);
  --split-b: hsl(calc(var(--h) + 210) 90% 60%);
}

Kun haluat nähdä paletin oikeissa formaateissa, Gradientlyn Designer voi asetella julkaisun, tarinan ja bannerin kerralla. Näin arvioit suhteet jokaisessa koossa pelkän värikortin sijaan.