Väripyörä on pyöreä kaavio, jossa näkyvät pää- ja sivuvärit.

Nykyään yleisimmin käytetty värikehä on nimeltään HSV-värikehä, joka tarkoittaa värisävyä, kylläisyyttä ja arvoa. HSV-väripyörän digitaalinen muoto on nimeltään RGB-väripyörä (kuvassa alla). HSV/RGB-väripyörä kuvataan jäljempänä. Siitä on kaksi versiota: toinen, jossa punaista, vihreää ja sinistä pidetään pääväreinä (sähköinen tai tietokoneen väripyörä), ja toinen, jossa magentaa, keltaista ja syaania pidetään pääväreinä (tulostimen väripyörä).

HSV:n eli värisävyn, kylläisyyden ja arvon merkitys

Hue (värisävy) kertoo, mikä perusväri on (esim. punainen, sininen tai vihreä). Sen arvo määritellään usein asteina 0–360° väripyörällä.

Saturation (kylläisyys) määrittää värin puhtauden: 0 = harmaa (ei väriä), 100 % = täysi väri ilman harmaata lisänä.

Value / Brightness (arvo/valoisuus) kertoo värin kirkkauden: 0 = musta, 100 % = mahdollisimman kirkas (riippuen väritilasta).

Additiivinen vs. subtraktiivinen väri

On tärkeää erottaa kaksi perusperiaatetta väreille:

  • Additiivinen väri (RGB): näytöt ja valonlähteet käyttävät punaista, vihreää ja sinistä. Värit syntyvät lisäämällä valon säteitä: punainen + vihreä = keltainen, punainen + sininen = magenta, vihreä + sininen = syaani. Lisää valoa -> vaaleampaa.
  • Subtraktiivinen väri (CMY(K)): painotuotteissa ja maaleissa käytetään syaania, magentaa ja keltaista (ja usein mustaa, K). Väri syntyy poistamalla (imeyttämällä) valoa: esimerkiksi keltainen ja magenta yhdessä tuottavat punaista. Lisää mustaa tekee tummemmaksi.

RGB vs. CMYK – digitaalinen vs. tulostus

RGB on oletus verkkosisällölle ja näyttölaitteille. CMYK on yleinen painatuksessa. Näiden välillä on eroja:

  • RGB: laajempi väriala tietyissä kirkkauksissa (voi näyttää erittäin kirkkaita, neon-tyyppisiä sävyjä, joita ei saada painettua).
  • CMYK: rajaavamman gamutin vuoksi jotkin näytöllä näkyvät värit näyttävät painossa haaleammilta. Tästä syystä käytetään väriprofiileja (ICC) ja soft proof -toimintoja suunnittelussa.

Perus- ja sivuvärit

  • RGB-päävärit: puna (R), vihreä (G), sininen (B). Niistä muodostuvat sivuvärit: keltainen (R+G), magenta (R+B), syaani (G+B).
  • CMY-päävärit: syaani, magenta, keltainen. Niistä muodostuvat sivuvärit painotekniikassa vastaavasti.

Esimerkkejä heksakoodeista (web)

  • Red (punainen): #FF0000
  • Green (vihreä): #00FF00
  • Blue (sininen): #0000FF
  • Cyan (syaani): #00FFFF
  • Magenta: #FF00FF
  • Yellow (keltainen): #FFFF00
  • Black (musta): #000000
  • White (valkoinen): #FFFFFF

Rajoitukset ja käytännön huomioita

  • Monet kirkkaat näytöllä näkyvät sävyt eivät ole tulostettavissa. Käytä CMYK-esikatselua ja väriprofiileja, kun suunnittelet painotuotteita.
  • HSV on intuitiivinen työkalu valitsemaan sävy ja säätämään kylläisyyttä/kirkkautta, mutta joissain sovelluksissa käytetään myös HSL-mallia (hue/saturation/lightness), joka jakaa valoisuuden eri tavalla.
  • Kontrasti on tärkeä saavutettavuuden kannalta: varmista tekstin ja taustan välinen kontrasti (esim. WCAG-ohjeet) sopivaksi luettavuuden takaamiseksi.
  • Värien sekoittaminen digitaalisesti (valon avulla) ei käyttäydy samalla tavalla kuin maaleilla tai musteilla. Todellisissa materiaaleissa pigmentit ja pintarakenteet vaikuttavat lopputulokseen.

Käytännön vinkit suunnittelijalle

  • Aloita valitsemalla pääsävy (hue) ja luo siitä sävyvariaatioita muuttamalla kylläisyyttä ja arvoa.
  • Tarkista värit eri laitteilla ja tulostusprofiileilla. Soft proof -toiminto auttaa ennakoimaan muutoksia CMYK-konversiossa.
  • Käytä harmaasävyjä ja mustaa korostamaan kontrastia sen sijaan, että yrittäisit korostaa vain kirkkailla väreillä.
  • Kun haluat kohteen erottuvan, lisää kylläisyyttä tai arvoa — kun taas hienovaraisempi ilme syntyy alhaisemmalla kylläisyydellä.

Yhteenvetona: väripyörä (HSV/RGB) on kätevä visuaalinen työkalu värien ymmärtämiseen ja valitsemiseen. Digitaalinen (RGB) ja tulostus (CMYK) -maailmat toimivat eri periaatteilla, joten aina kun suunnittelet työtä, joka siirtyy näytöltä painoon, huomioi konversiot, profiilit ja gamut-rajat.