Določanje barve z # v CSS

Način določanja barve z rgb, čeprav omogoča pridobitev katerega koli odtenka katere koli barve, je vseeno nekoliko okoren. Zato obstaja še tretja možnost za določitev barve - prek šestnajstiškega zapisa.

Da bi razumeli bistvo tega načina, morate razumeti šestnajstiški številski sistem. V njem, za razliko od decimalnega, ki ga uporabljamo v vsakdanjem življenju, ni deset števk, ampak šestnajst: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F - kot vidite, zaradi pomanjkanja števk po devetki se uporabljajo črke.

V tem sistemu namesto rgb zapišemo lojtro #, za katero sledi šest znakov. Prva dva znaka - rdeča barva, druga dva znaka - zelena, in zadnja dva znaka - modra. Barve se prav tako spreminjajo od 0 do 255, toda v šestnajstiškem sistemu bo to od 00 do FF.

V naslednjem primeru je odstavek obarvan rdeče:

html<p>
  besedilo
</p>

cssp {
  color: #FF0000;
}

Результат:

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