Värien määrittäminen #-merkillä CSS:ssä
Tapa määrittää väri rgb:llä, vaikka se
mahdollistaa minkä tahansa värin minkä tahansa
sävyksen saamisen, on silti hieman
kömpelö. Siksi on olemassa kolmas vaihtoehto
värin määrittämiseksi - heksadesimaali
arvon kautta.
Ymmärtääksesi tämän menetelmän ydintä, sinun täytyy
ymmärtää heksadesimaalijärjestelmä.
Siinä, toisin kuin desimaalijärjestelmässä,
jota käytämme elämässä, ei ole
kymmenen numeroa, vaan kuusitoista: 0, 1,
2, 3, 4, 5, 6,
7, 8, 9, A, B,
C, D, E, F -
kuten näette, numeroiden puutteen jälkeen
yhdeksän jälkeen käytetään kirjaimia.
Tässä järjestelmässä rgb:n sijaan kirjoitetaan
risuaita #, jonka jälkeen tulee kuusi
merkkiä. Kaksi ensimmäistä merkkiä - punainen väri,
toiset kaksi merkkiä - vihreä, ja kaksi viimeistä
merkkiä - sininen. Värit vaihtelevat myös
0:sta 255:een, mutta heksadesimaalijärjestelmässä
se on 00:sta FF:ään.
Seuraavassa esimerkissä kappale värjätään punaiseksi:
<p>
teksti
</p>
p {
color: #FF0000;
}
:
Aseta kaikille kappaleille väri #FFEEAA.
Aseta kaikille kappaleille tausta #000000
ja tekstin väri #FFFFFF. Mitkä värit
tulivat?
Annettu seuraava koodi:
p {
color: rgb(255, 200, 255);
}
Jollain muunnosohjelmalla muunna väri heksadesimaalimuotoon.