Lyhyesti
- Väriympyrä järjestää sävyt ympyrään, jotta niiden väliset suhteet, kuten vastakohdat ja naapurit, on helppo nähdä.
- Maalarin ympyrä käyttää punaista, keltaista ja sinistä perusväreinä, kun taas näytön ympyrä käyttää punaista, vihreää ja sinistä, joten niiden vastavärit eroavat.
- Väriharmoniat kuten vastavärit, analogiset ja triadiset ovat väriympyrän kiinteitä kohtia.
- Ympyrä näyttää vain sävyn, joten jokainen siitä otettu paletti tarvitsee yhä vaaleita ja tummia versioita tekstille ja taustoille.
- Yksinkertaiset digitaaliset ympyrät eivät ole havaintoon nähden tasaisia: samalla asetuksella keltainen näyttää paljon vaaleammalta kuin sininen.
Tällä sivulla
Väriympyrä järjestää sävyt ympyrään siinä järjestyksessä, jossa ne esiintyvät sateenkaaressa, päät yhdistettyinä. Sen arvo on, että suhteista tulee geometriaa: vastakkain olevat värit kontrastoivat voimakkaasti, vierekkäiset värit sulautuvat helposti ja ympyrän ympäri tasavälein sijaitsevat värit tasapainottavat toisiaan. Käyttääksesi sitä valitset lähtösävyn ja valitset sitten kumppanit niiden sijainnin mukaan.
Tämä opas kattaa, miten ympyrä on rakennettu, mihin ympyrään kannattaa luottaa, miten harmoniat luetaan siitä ja miten muutamasta sävystä päästään käyttökelpoiseen palettiin. Laajempaa kuvaa varten aloita oppaasta väriteorian perusteet.
Pää-, väli- ja kolmannen asteen värit
Jokainen ympyrä alkaa kolmesta perusvärista. Kahden perusvärin sekoittaminen antaa välivärin, ja perusvärin sekoittaminen viereisen välivärin kanssa antaa kolmannen asteen värin. Kolme perusväriä, kolme väliväriä ja kuusi kolmannen asteen väriä muodostavat tutun kaksitoistaosaisen ympyrän.
conic-gradient(from 0deg, #d7263d, #e8572a, #f28c28, #f6b82f, #f4e04d, #9bc53d, #3a9d4a, #1b8a8f, #2156a5, #4b3a9a, #7b2d8e, #b0266f, #d7263d)Maalarin ympyrä ja näytön ympyrä
Yleisessä käytössä on kaksi ympyrää, ja ne ovat eri mieltä. Maalarin ympyrä perustuu punaiseen, keltaiseen ja siniseen (RYB), pigmenttien sekoittamisesta. Näytöt tekevät värin punaisesta, vihreästä ja sinisestä valosta (RGB), ja niistä rakennetussa ympyrässä on eri perusvärit, eri välivärit ja eri vastavärit.
| Ominaisuus | Maalarin ympyrä (RYB) | Näytön ympyrä (RGB) |
|---|---|---|
| Perusvärit | Punainen, keltainen, sininen | Punainen, vihreä, sininen |
| Värivärit | Oranssi, vihreä, violetti | Keltainen, syaani, magenta |
| Punaisen vastaväri | Vihreä | Syaani |
| Sinisen vastaväri | Oranssi | Keltainen |
| Keltaisen vastaväri | Violetti | Sininen |
| Käyttäjät | Maalarit, taidekasvatus, monet palettioppaat | Värinvalitsimet, CSS:n sävyarvot, useimmat suunnitteluohjelmat |
conic-gradient(from 0deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)Kumpaa sinun pitäisi käyttää? Digitaaliseen työhön näytön ympyrä vastaa työkalujasi, joten kirjoittamasi sävyarvot täsmäävät näkemäsi kanssa. Maalarin ympyrä antaa usein miellyttävämpiä vastavärejä, kuten sininen ja oranssi, koska se jakaa lämpimät värit anteliaammin. Monet suunnittelijat lukevat harmoniat maalarin ympyrästä ja valitsevat sitten tarkat arvot näytöllä. Kumpikin käy, kunhan olet johdonmukainen.
Väriharmonioiden lukeminen väriympyrästä
Harmoniat ovat ympyrän päälle asetettuja muotoja. Kierrä muotoa, niin saat uuden paletin samalla tasapainolla.
- Vastavärit: kaksi sävyä suoraan vastakkain. Suurin kontrasti. Katso vastavärit.
- Analogiset: kolme tai viisi naapuria peräkkäin. Rauhallinen ja luonnollinen. Katso analogiset värit.
- Triadiset: kolme sävyä kolmasosan ympyrää toisistaan. Rohkea mutta tasapainoinen. Katso triadiset värit.
- Jaetut vastavärit: yksi sävy sekä sen vastakohdan kummallakin puolella olevat kaksi. Kontrastia pienemmällä jännitteellä.
- Neliö tai tetradinen: neljä tasavälein sijaitsevaa sävyä tai kaksi vastaväriparia. Rikas ja vaikea hallita.
- Yksivärinen: yksi sävy monissa vaaleuksissa. Katso yksiväriset paletit.
Mitä väriympyrä ei näytä
Ympyrä näyttää sävyn. Se ei kerro mitään vaaleudesta tai kylläisyydestä, ja ne ratkaisevat suurimman osan siitä, miltä paletti oikeasti näyttää. Sininen ja oranssi täydellä voimalla ovat yhdessä ankaria. Syvä laivastonsininen ja pehmeä aprikoosi käyttää samoja kahta sävyä ja näyttää hienostuneelta. Jokainen ympyrästä lukemasi paletti tarvitsee yhä tumman, vaalean ja joitakin hiljaisempia versioita väreistään.
Yksinkertaiset digitaaliset ympyrät ovat epätasaisia
HSL:ssä puhtaalla keltaisella ja puhtaalla sinisellä on sama vaaleusarvo, mutta keltainen näyttää paljon kirkkaammalta. Se johtuu siitä, että HSL on rakennettu näytön kanavien ympärille, ei sen ympärille, miten silmät havaitsevat kirkkauden. Havaintoon perustuvat väriavaruudet kuten OKLCH korjaavat tämän: yhtä suuret vaaleusarvot näyttävät yhtä vaaleilta sävystä riippumatta, mikä tekee niistä parempia paleteille ja sileille liukuväreille.
Miten rakennat paletin väriympyrästä
- 1
Valitse ankkurisävy
Aloita yhdestä väristä, jonka täytyy olla mukana: brändiväri, tuotteen väri tai valokuvasta poimittu.
- 2
Valitse harmonia tunnelman mukaan
Analoginen tai yksivärinen rauhalle, vastavärit, jaetut vastavärit tai triadinen energialle.
- 3
Anna yhden värin johtaa
Käytä ankkuria suurimmassa osassa suunnitelmaa ja muita pienemmissä määrissä. Yhtä suuret määrät jokaista väriä näyttävät harvoin tarkoitukselliselta.
- 4
Vaihtele vaaleutta ja kylläisyyttä
Lisää tumma ja vaalea versio ja hiljennä tukevia värejä. Tämä muuttaa sävyt paletiksi.
- 5
Testaa oikeassa asettelussa
Aseta sen päälle teksti, tarkista kontrasti ja katso sitä koossa, jossa ihmiset sen näkevät.
Kun paletti toimii värinäytteinä, kokeile sitä liukuvärinä. Naapurisävyt häivytyvät kauniisti, vastakkaiset sävyt tarvitsevat niiden väliin keskivärin. Liukuvärien värikombinaatiot sisältää testattuja esimerkkejä.
Usein kysyttyä
Mikä väriympyrä on?
Väriympyrä on ympyrä sävyistä spektrin järjestyksessä, joka näyttää, miten värit liittyvät toisiinsa: vastakohdat kontrastoivat, naapurit sopivat yhteen ja tasavälein sijaitsevat sävyt tasapainottavat.
Mitkä ovat väriympyrän perusvärit?
Perinteisellä maalarin ympyrällä ne ovat punainen, keltainen ja sininen. Digitaalisten työkalujen käyttämällä näytön ympyrällä ne ovat punainen, vihreä ja sininen.
Miksi vastavärit eroavat eri ympyröillä?
Maalarin ja näytön ympyrällä on eri perusvärit, joten ympyrä on jaettu eri tavalla. Maalarin ympyrällä sinisen vastaväri on oranssi, näytön ympyrällä se on keltainen.
Mitä väriympyrää suunnittelijoiden pitäisi käyttää?
Digitaaliseen työhön näytön ympyrä vastaa työkalujasi. Monet suunnittelijat lukevat harmoniat maalarin ympyrästä ja valitsevat tarkat arvot näytöllä. Johdonmukaisuus on tärkeämpää kuin valinta.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme
