Tak jak w przypadku jednostek miary, język CSS definiuje jednolity system określania kolorów. System ten jest potem wykorzystywany w każdym atrybucie stylu, w którym wymagane jest określenie koloru tekstu, elementu, obramowania lub tła.

Możliwości uzyskania koloru:

1. Słownie - podając nazwę barwy w języku angielskim. Sprawdzać na www.w3schools.com, których kolorów można użyć. Jest takich kolorów około 140. Oczywiście przeglądarki www nie rozpoznają wszystkich możliwych nazw kolorów, a jedynie określony podzbiór.

color: blue;

2. Pełnym zapisem szesnastkowym, określającym natężenie poszczególnych składowych RGB (czerwień, zieleń, błękit) dwiema cyframi szesnastkowymi (w sumie 6 cyfr 0-F). Zapis poprzedzony jest znakiem # (number sign). Każda ze składowych może mieć natężenie od do .

color: #00AAF0;

3. Skróconym zapisem szesnastkowym, w przypadku którego każdej składowej odpowiada tylko jedna cyfra szesnastkowa (możliwych jest tylko 16 poziomów natężenia danej składowej - do )

color: #16F;

4. Zapis dziesiętny - najbardziej rozwlekły, ale też najbardziej czytelny dla początkujących. Zapis ten ma postać rgb(Vr, Vg, Vb), gdzie za zmienne Vr, Vg, Vb podstawia się natężenia poszczególnych składowych RGB (wartości od do )

color: rgb(100, 120, 85);