W załączonym kodzie CSS, kolor został zapisany w formacie
| color: #008000; |
W CSS kolory często zapisywane są w postaci szesnastkowej ponieważ jest to krótki i precyzyjny sposób definiowania koloru. Kod szesnastkowy składa się zazwyczaj z sześciu znaków poprzedzonych znakiem hash (#) gdzie pierwsze dwa znaki odpowiadają czerwonej składowej następne dwa zielonej a ostatnie dwa niebieskiej. Na przykład #008000 oznacza kolor zielony gdzie czerwona składowa wynosi 0 zielona 128 a niebieska 0. Wartości te są zapisane w systemie szesnastkowym co oznacza że mogą przyjmować wartości od 00 do FF odpowiadające wartościom dziesiętnym od 0 do 255. Korzystanie z formatu szesnastkowego jest powszechnie uznawane za dobrą praktykę w web designie ponieważ jest szeroko wspierane przez przeglądarki internetowe i umożliwia łatwe definiowanie szerokiej gamy kolorów. Dzięki swojej zwięzłości i jednoznaczności jest preferowane w projektach gdzie każda linijka kodu ma znaczenie. Przy wyborze koloru warto korzystać z narzędzi które mogą pomóc w konwersji wartości RGB na szesnastkowe co ułatwia dokładne odwzorowanie wybranych kolorów
Kolor w CSS może być definiowany na wiele sposobów jednak nie wszystkie formaty są odpowiednie w każdym kontekście. Format HSL reprezentuje kolory za pomocą trzech wartości: odcienia (Hue) nasycenia (Saturation) i jasności (Lightness). Choć jest intuicyjny i pozwala na łatwą manipulację jasnością i nasyceniem nie jest tak powszechnie stosowany jak format szesnastkowy zwłaszcza w dokumentach gdzie każdy bajt ma znaczenie. Format dziesiętny nie jest stosowany w CSS do reprezentacji kolorów ponieważ kolory w CSS nie są zapisywane jako wartości dziesiętne. Zamiast tego używa się systemu szesnastkowego lub funkcji takich jak rgb() lub rgba(). CMYK to przestrzeń barw stosowana w druku oparta na czterech kolorach: cyjanie magencie żółtym i czarnym (key). CMYK nie jest bezpośrednio używany w CSS ponieważ przeglądarki internetowe stosują przestrzeń barw RGB która jest lepiej dopasowana do wyświetlaczy ekranowych. Zrozumienie tych różnic jest kluczowe dla profesjonalnego zarządzania kolorami w projektach webowych. Wybór niewłaściwego formatu może prowadzić do błędów stylistycznych i niezamierzonych odstępstw od projektu dlatego ważne jest by zawsze dostosować sposób zapisu koloru do specyficznego kontekstu i wymagań projektu