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:

<p>
	szöveg
</p>

p {
	color: #FF0000;
}

Állítsa be az összes bekezdés színét #FFEEAA-ra.

Állítsa be az összes bekezdés hátterét #000000-ra és a szöveg színét #FFFFFF-ra. Milyen színeket kapunk?

Adott a következő kód:

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

Valamilyen konverter segítségével alakítsa át a színt tizenhatos formátumra.