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ā:
<p>
teksts
</p>
p {
color: #FF0000;
}
:
Iestatiet visām rindkopām krāsu #FFEEAA.
Iestatiet visām rindkopām fona krāsu #000000
un teksta krāsu #FFFFFF. Kādas krāsas
tiks iegūtas?
Dots šāds kods:
p {
color: rgb(255, 200, 255);
}
Izmantojot kādu pārveidotāju, pārveidojiet krāsu sešpadsmitnieku formātā.