Ustawianie koloru za pomocą # w CSS

Sposób ustawiania koloru za pomocą rgb, mimo że pozwala uzyskać dowolny odcień dowolnego koloru, jest jednak nieco nieporęczny. Dlatego istnieje również trzecia opcja ustawienia koloru - za pomocą wartości szesnastkowej.

Aby zrozumieć istotę tej metody, musisz zrozumieć szesnastkowy system liczbowy. W nim, w przeciwieństwie do systemu dziesiętnego, którego używamy w życiu codziennym, nie ma dziesięciu cyfr, a szesnaście: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F - jak widać, z powodu braku cyfr po dziewięciu używa się liter.

W tym systemie zamiast rgb zapisuje się krzyżyk #, po którym następuje sześć znaków. Pierwsze dwa znaki - kolor czerwony, drugie dwa znaki - zielony, a ostatnie dwa znaki - niebieski. Kolory również zmieniają się od 0 do 255, ale w systemie szesnastkowym będzie to od 00 do FF.

W następnym przykładzie akapit jest kolorowany na czerwono:

<p>
	tekst
</p>

p {
	color: #FF0000;
}

Ustaw wszystkim akapitom kolor #FFEEAA.

Ustaw wszystkim akapitom tło #000000 i kolor tekstu #FFFFFF. Jakie kolory powstaną?

Dany jest następujący kod:

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

Za pomocą dowolnego konwertera przekształć kolor na format szesnastkowy.