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:

html<p>
  tekst
</p>

cssp {
  color: #FF0000;
}

Результат:

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