Menthal27

Värit

XHTML:ssä, HTML:ssä ja CSS:ssä värejä voi ilmaista kolmella tavalla. Näistä heksakoodit ja rgb-arvot muodostetaan käytännössä samalla tavalla, kolmas tapa puolestaan on ilmoittaa värin nimi.

Värien nimet

Väri voidaan ilmoittaa sen englanninkielisen nimen perusteella. Nimettyjä värejä on kuitenkin vain rajallinen määrä, ja eri HTML:n ja XHTML:n versiot tuntevat värien nimiä eri määrän. Kaikki nimetyt värit voi ilmaista myös heksa- ja rgb-koodien avulla.

Seuraavat 16 väriä ovat käytössä XHTML 1.0:ssa:

Värin nimi Heksakoodi Rgb-arvo
Aqua #00FFFF 0,255,255  
Black #000000 0,0,0  
Blue #0000FF 0,0,255  
Fuchsia #FF00FF 255,0,255  
Gray #808080 128,128,128  
Green #008000 0,128,0  
Lime #00FF00 0,255,0  
Maroon #800000 128,0,0  
Navy #000080 0,0,128  
Olive #808000 128,128,0  
Purple #800080 128,0,128  
Red #FF0000 255,0,0  
Silver #C0C0C0 192,192,192  
Teal #008080 0,128,128  
White #FFFFFF 255,255,255  
Yellow #FFFF00 255,255,0  

CSS 2.1 sisältää lisäksi värin orange.

Heksakoodit

Heksakoodit ovat kolme- tai kuusikirjaimisia koodeja, jotka ilmoittavat punaisen, vihreän ja sinisen määrän värissä. Näiden kolmen sekoituksesta syntyy haluttu väri.

Heksakoodeissa värin määrä ilmoitetaan numeroilla 0-9 sekä niiden jatkeena kirjaimilla A-F, jossa A vastaa 9:n jälkeen tulevaa lukua. 0 on siis pienin mahdollinen arvo, F suurin. Heksakoodin eteen kirjoitetaan aina risuaita, #.

Kuusikirjaimisessa heksakoodissa ilmoitetaan punaisen, vihreän ja sinisen (tässä järjestyksessä) määrä halutussa värissä kukin kahdella kirjaimella. Näin esimerkiksi #FF0000 on kirkas punainen, #00FF00 kirkas vihreä ja #0000FF kirkas sininen. Vastaavasti #000000 on musta ja #FFFFFF valkoinen. Harmaissa sävyissä punaista, vihreää ja sinistä on yhtä paljon, esimerkiksi #444444.

Kolmikirjaimiset heksakoodit ilmaisevat punaisen, vihreän ja sinisen määrän halutussa värissä kukin yhdellä kirjaimella. Esimerkiksi kolmikirjaiminen heksakoodi #F00 vastaa kuusikirjaimista versiota #FF0000 ja #123 #112233:aa.

Rgb-arvot

Rgb-arvot ilmoittavat heksakoodien tapaan punaisen, vihreän ja sinisen värin määrän halutussa sävyssä.

Rgb-arvot merkitään seuraavasti:

rgb(punainen,vihreä,sininen)

Jossa punainen, vihreä ja sininen ovat joko prosentteja väliltä 1-100% tai numeroarvoja väliltä 0-255. 0 tai 0 % merkitsee, ettei sävyssä ole kyseistä väriä lainkaan, ja 255 tai 100% vastaavasti sitä, että sävyssä on kyseistä väriä maksimimäärä.

Esimerkiksi rgb(0,0,0) on musta, rgb(100%,100%,100%) valkoinen ja rgb(240,240,240) vaalea harmaa.

Läpinäkyvä väri

Läpinäkyvää väriä ei oikeastaan ole olemassakaan, mutta CSS:n taustavärimuotoilun transparent-arvon avulla voidaan määrittää, ettei jollakin elementillä ole taustaa.

  

Menthal27 © Sonja Valkeinen 2002-2011.Nyytti. Takaisin sivun alkuun.