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:

html<p>
  teksti
</p>

cssp {
  color: #FF0000;
}

Результат:

cssp {
  color: rgb(255, 200, 255);
}