Ohje:Värit

Wikipediasta
Siirry navigaatioon Siirry hakuun
n · k · m

Värejä käytetään Wikipediassa yleensä mallineissa ja taulukoissa. Ne voidaan määrittää joko heksadesimaaliarvoilla (esimerkiksi #CD7F32 eli pronssi) tai HTML-värinimillä (esimerkiksi red eli punainen).

Värien käyttö artikkeleissa[muokkaa | muokkaa wikitekstiä]

Värien käyttö ei saa haitata artikkelien selkeyttä tai käytettävyyttä.

  • Varmista, etteivät värit ole ainoa tapa välittää tärkeää tietoa. Värien sisältämän viestin tulisi aina ilmetä myös muulla tavoin, esimerkiksi kursivointina tai alaviitteistä. Näin kaikki tieto saavuttaa näkörajoitteiset ja muut värittömiä käyttöliittymiä käyttävät lukijat. Värit katoavat esimerkiksi mustavalkotulostimissa.
  • Jotkut Wikipedian lukijat ovat osin tai täysin värisokeita. Siksi kaikissa Wikipedian ulkoasun käyttämissä väriyhdistelmissä (tietolaatikot, navigointimallineet, kuvaajat jne.) tulisi olla tarpeeksi kontrastia. Värien valitsemiseen voi käyttää väriteemageneraattoria, joka simuloi erilaisia värisokeuden muotoja. Muita värisokeutta jäljitteleviä työkaluja ovat esimerkiksi colorfilter.wickline.org ja vischeck.com).
  • Linkin värin ohittaminen on sekavaa, ja sitä pitäisi välttää. Erityisesti punaiset linkit ovat huonoja, koska ne tarkoittavat tavallisesti puuttuvaa sivua.
  • Taustavärien valinnassa tulisi huomioida kontrasti sekä tavalliseen tekstiin että siniseen linkkitekstiin, jotta sekavia väriyhdistelmiä kuten sininen teksti punaisella taustalla ei synny.

Kirjasimien värin ohittaminen[muokkaa | muokkaa wikitekstiä]

Tekstin väriä muutetaan seuraavasti: <span style="color:heksadesimaalit tai värin nimi">teksti</span>

Esimerkkejä:

  • <span style="color:red">punainen kirjoitus</span> näyttää seuraavalta: punainen kirjoitus.
  • <span style="color:#0f0">vihreä kirjoitus</span> näyttää seuraavalta: vihreä kirjoitus.
  • <span style="color:#0000f1">sininen kirjoitus</span> näyttää seuraavalta: sininen kirjoitus.

Wikipedian väriteema[muokkaa | muokkaa wikitekstiä]

Wikipedian etusivun väriteema:

background:#f5fffa border:#cef2e0   background:#cef2e0 border:#a3bfb1  
background:#f5faff border:#cedff2   background:#cedff2 border:#a3b0bf  
background:#faf5ff border:#ddcef2   background:#ddcef2 border:#afa3bf  
background:#fcfcfc border:#cccccc      
background:#fffaf5 border:#f2e0ce   background:#f2e0ce border:#bfb1a3  

Vaaleampien laatikoiden reunojen väri on sama kuin tummempien taustaväri.

Keskitetty väriteemajärjestelmä[muokkaa | muokkaa wikitekstiä]

Wikipediassa käytetään {{Aihealue}}-mallineen avulla toteutettua keskitettyä väriteemajärjestelmää. Se tarjoaa yhtenäisen väriteeman navigaatio- ja tietolaatikkomallineille avainsanojen avulla. Mallineen teemavärit ovat:

Avainsanat ({{aihealue}}):

Väri Taustaväri Korostusväri Tekstinväri Reunus Avainsana(t)
#FFFFFF #99CCFF #BBDDFF #000000 #AAAAAA arkkitehtuuri
#FFFFFF #DEB887 #EEDBC3 #000000 #AAAAAA historia
#FFFFFF #B0C4DE #D7E1EE #000000 #AAAAAA kielitiede, kieli
#FFFFFF #D8BFD8 #EBDFEB #000000 #AAAAAA liikenne, maaliikenne, rautatieliikenne, ilmaliikenne, vesiliikenne
#FFFFFF #CCCCFF #E5E5FF #000000 #AAAAAA maa, osavaltio, territorio, maakunta, provinssi, alue, lääni, departementti, kantoni, piiri, piirikunta, paikkakunta, kaupunki, kylä, alue
#FFFFFF #BDB76B #DEDBB5 #000000 #AAAAAA sota, konflikti
#FFFFFF #E6E6FA #F2F2FC #000000 #AAAAAA taide, kulttuuri, elokuva, kirjallisuus, musiikki, palkinto, pokeri, sarjakuva, televisio, tietokonepeli, videopeli, kuvitteellinen
#FFFFFF #FFDC6B #F7E37F #000000 #AAAAAA talous
#FFFFFF #AABBCC #CCD6FF #000000 #AAAAAA tekniikka, avaruustekniikka, tietotekniikka
#FFFFFF #B2DFB2 #E9FFE9 #000000 #AAAAAA tiede, biologia, filosofia, fysiikka, kemia, lääketiede, maantiede, matematiikka, tähtitiede
#FFFFFF #F3D161 #F9E8B8 #000000 #AAAAAA urheilu, joukkuelaji, jalkapallo, jääkiekko, jääpallo, koripallo, salibandy, kamppailulaji, moottoriurheilu, olympialaiset, pyöräily, talviurheilu, tennis, uinti, yleisurheilu
#FFFFFF #C3C3C3 #DCDCDC #000000 #AAAAAA yhteiskunta, uskonto, koulutus, politiikka
#FFFFFF #E5A585 #F5C5B5 #000000 #AAAAAA wikiprojekti
#FFFFFF #EFEFEF #F7F7F7 #000000 #AAAAAA virheellinen avainsana

HUOM! Avainsanoista tulee valita kaikkein täsmäävin avainsana, jolloin mahdollinen alakohtainen väriteema saadaan tarvittaessa periytettyä kaikille aiheen mallineille suoraan.

Värejä heksadesimaaliarvoineen[muokkaa | muokkaa wikitekstiä]

Punaisesta keltaiseen:

FF0000 FF1100 FF2200 FF3300 FF4400 FF5500 FF6600 FF7700 FF8800 FF9900 FFAA00 FFBB00 FFCC00 FFDD00 FFEE00 FFFF00

Keltaisesta vihreään:

FFFF00 EEFF00 DDFF00 CCFF00 BBFF00 AAFF00 99FF00 88FF00 77FF00 66FF00 55FF00 44FF00 33FF00 22FF00 11FF00 00FF00

Vihreästä siniseen:

00FF00 00EE11 00DD22 00CC33 00BB44 00AA55 009966 008877 007788 006699 0055AA 0044BB 0033CC 0022DD 0011EE 0000FF

Sinisestä violettiin:

0000FF 1100FF 2200FF 3300FF 4400FF 5500FF 6600FF 7700FF 8800FF 9900FF AA00FF BB00FF CC00FF DD00FF EE00FF FF00FF

Violetista punaiseen:

FF00FF FF00EE FF00DD FF00CC FF00BB FF00AA FF0099 FF0088 FF0077 FF0066 FF0055 FF0044 FF0033 FF0022 FF0011 FF0000