Szín megadása #-sel CSS-ben

A szín megadásának módja rgb-vel, annak ellenére, hogy bármilyen színárnyalatot lehet vele elérni, mégis kissé nehézkes. Ezért létezik egy harmadik lehetőség is a szín megadására - a tizenhatos számrendszer használatával.

Ahhoz, hogy megértsük ennek a módszernek a lényegét, meg kell értenünk a tizenhatos számrendszert. Ebben, ellentétben a decimális rendszerrel, amit a mindennapi életben használunk, nem tíz számjegy van, hanem tizenhat: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F - amint látjátok, a kilenc utáni számjegyek hiányában betűket használnak.

Ebben a rendszerben a rgb helyett egy kettős kereszt # szerepel, amelyet hat karakter követ. Az első két karakter a piros színt, a második két karakter a zöld színt, az utolsó két karakter pedig a kék színt jelenti. A színek szintén 0-tól 255-ig változnak, de a tizenhatos számrendszerben ez 00-tól FF-ig lesz.

A következő példában a bekezdés pirosra lesz színezve:

html<p>
  szöveg
</p>

cssp {
  color: #FF0000;
}

Результат:

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