Krāsas norādīšana, izmantojot # CSS

Krāsas norādīšanas veids, izmantojot rgb, lai gan tas ļauj iegūt jebkādu jebkuras krāsas nokrāsu, tomēr ir nedaudz apgrūtinošs. Tāpēc pastāv arī trešais variants krāsas norādīšanai - izmantojot sešpadsmitnieku vērtību.

Lai saprastu šīs metodes būtību, jums ir jāizprot sešpadsmitnieku skaitīšanas sistēma. Atšķirībā no decimālās sistēmas, ko mēs lietojam ikdienā, tajā ir ne desmit cipari, bet sešpadsmit: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F - kā redzat, trūkuma dēļ pēc deviņiem tiek izmantoti burti.

Šajā sistēmā rgb vietā tiek rakstīts režģis #, pēc kura seko seši simboli. Pirmie divi simboli - sarkanā krāsa, otrie divi simboli - zaļā, un pēdējie divi simboli - zilā. Krāsas arī mainās no 0 līdz 255, bet sešpadsmitnieku sistēmā tas būs no 00 līdz FF.

Nākamajā piemērā rindkopa tiek krāsota sarkanā krāsā:

html<p>
  teksts
</p>

cssp {
  color: #FF0000;
}

Результат:

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