Värien muodostuminen näytöllä ja paperilla

© Timo Ahjos 9.7.2005
täydennetty 26.9.2005
Viittausosoite: www.ahjos.net/colors

Näillä sivuilla on perustietoa väriasioista. Tulostamalla tämän artikkelin paperille voit tutkia, kuinka hyvin tulostimesi antaa eri värejä. Liitteenä olevan sivun "72 Sample Colors" tulostan itse paperille viikottain, jotta mustesuihkutulostimen värisuuttimet eivät pääse kuivumaan. Se käyttää jonkin verran jokaista väriä. Tulee halvemmaksi käyttää mustetta säännöllisesti kuin puhdistaa tukkeutuneet värisuuttimet liuottamalla ja pumppaamalla. Artikkelin loppuun lisäsin 26.9.2005 uuden luvun "nimetyistä väreistä".

Perusvärit näyttölaitteella (RGB)

Värit merkitään RGB-järjestelmässä kolmella luvulla. Ne ilmoittavat, paljonko värissä on punaista (Red), vihreää (Green) ja sinistä (Blue). Luvut kirjoitetaan joko kymmenjärjestelmän numeroin 0-255 tai vastaavin heksadesimaalijärjestelmän numeroin 00-FF. Molemmat tarkoittavat samaa, joten kysymys on vain kahdesta erilaisesta kirjoitustavasta. Heksadesimaalijärjestelmän kantaluku on 16 ja kirjaimet A-F vastaavat kymmenjärjestelmän numeroita seuraavasti:

Tietokoneen näyttölaitteen perusvärit:

Perusvärit paperilla (CMYK)

Paperi poikkeaa näyttölaitteesta siinä, että väritön paperi on valkea, kun taas väritön näyttölaite on musta. Puhdas valkoinen paperi heijastaa kaikki auringonvalon värit. Paperi saadaan näyttämään värilliseltä siten, että väriaineella estetään yhden tai useamman värin heijastuminen.

• Kun kaikki värit sisältävästä valkeasta FFFFFF eli (255,255,255) estetään punaisen heijastuminen, paperi näyttää sinivihreältä (englanniksi Cyan), jonka lukuarvot ovat 00FFFF eli (0,255,255).
• Kun estetään vihreän heijastuminen, paperi näyttää sinipunaiselta (englanniksi Magenta), jonka lukuarvot ovat FF00FF eli (255,0,255).
• Kun estetään sinisen heijastuminen, paperi näyttää "punavihreältä" eli keltaiselta (englanniksi Yellow), jonka lukuarvot ovat FFFF00 eli (255,255,0).
• Kun estetään kaikkien värien heijastuminen, paperi näyttää mustalta, jonka lukuarvot ovat 000000 eli (0,0,0). "Valokuvatulostimissa" musta väri todellakin muodostetaan siten, että samaan kohtaan tulostetaan sinivihreää, sinipunaista ja keltaista, jolloin lopputulos näyttää mustalta. Kun kuitenkin valtaosa tulostuksesta on mustan tekstin tulostamista, olisi turhan monimutkaista, hidasta, kallista ja suurta kohdistustarkkuutta vaativaa muodostaa jokainen kirjain kolmesta väristä. Siksi tavallisissa tulostimissa on erikseen musta väripatruuna. Koska kirjain B on jo RGB:ssä varattu tarkoittamaan sinistä (Blue), mustaa väriä merkitään kirjaimella K (blacK).

Paperitulostukset perusvärit:

"Web-turvalliset värit"

RGB-järjestelmässä on värejä yhteensä 256 x 256 x 256 = 16 777 216. Ei olisi mielekästä näyttää niistä kaikista tässä esimerkkiä. Sen vuoksi poimin tähän niiden joukosta 216 värin paletin, joka tunnetaan nimellä " Web Safe Colors" (myös "Browser Safe Colors"). Siihen aikaan, kun näytöissä oli vain 256 väriä, nämä värit olivat yhteiset kaikilla tietokoneilla (PC, Mac ym).

• Taulukon vasemmassa ylänurkassa on väri FFFFFF eli valkea ja oikeassa alanurkassa 000000 eli musta.
• Punaisen pitoisuus on vakio kussakin osataulukossa, mutta vähenee osataulukoittain alaspäin mentäessä.
• Vihreän pitoisuus on vakio kullakin rivillä, mutta vähenee kunkin osataulukon sisällä riveittäin alaspäin mentäessä.
• Sinisen pitoisuus vähenee kullakin rivillä vasemmalta oikealle.
• Sekä RGB-että CMYK-järjestelmän perusvärien numeroarvot on alleviivattu.
• Myös harmaan eri sävyjen numeroarvot on alleviivattu. Harmaa on väri, joka sisältää yhtä paljon punaista, vihreää ja sinistä.

Kauniimpia, nimettyjä värejä

Edellä esitetyt värit näyttivät 15 vuotta sitten upeilta tietokoneen tuottamiksi, mutta nykyisin ne tuntuvat aika raaoilta. Nykyisin ei olekaan enää pakottavaa tarvetta rajoittua "Web-turvallisten" värien käyttöön edes Web-sivuilla.

Miljoonien värien joukossa muutamat kymmenet värit ovat niin suosittuja, että niille on annettu oma nimensä. Seuraavassa on linkkejä eräisiin värikarttoihin, jotka esittelevät nimettyjä värejä.

Huomaa seuraavat seikat:

• RGB-järjestelmän yksi perusväri "00FF00" (0,255,0) ei tässä yhteydessä olekaan nimeltään "Green" vaan "Lime". Nimitystä "Green" eli "vihreä" käytetään väristä "008000" (0,128,0).
• Koska eri selaimet tunnistavat värien nimiä eri tavoin, on aina turvallisempaa merkitä väri sen RGB-koodilla kuin nimellä.
• Internet Explorer vaatii versiosta 6 alkaen, että sekä html-sivuilla että css-tyylisivuilla värikoodin pitää alkaa "risuaidalla". Koodiin pitää siis merkitä standardin mukaisesti esim. "#00FF00" eikä pelkästään "00FF00".

Linkkejä värikarttoihin:

• "Virallinen lista": http://www.w3schools.com/html/html_colornames.asp
• 140 miellyttävää nimettyä väriä: http://www.oreilly.com/catalog/wdnut/excerpt/color_names.html
• Internet Explorerin tuntemat värien nimet: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/colors/colors.asp
• Netscapen tuntemat värien nimet: http://webdesign.about.com/od/colorcharts/l/bl_namedcolors.htm