В CSS є 4 різних способи задання кольору: назвою; в RGB-форматі використовуючи шістнадцяткову систему числення; в RGB-форматі, використовуючи десяткову систему числення і в RGB-форматі з вказанням відсоткового співвідношення кольорів.
Приклади:
p {color: lime}
p {color: rgb(0,255,0)}
p {color: #0f0}
p {color: #00ff00}
p {color: rgb(0%, 100%, 0%)}
Всі ці приклади задають один і той самий колір різними способами:
Опис способів:
- По назві — використовуються англомовні назви кольорів (Black, Navy, Gray, Blue, Silver, Aqua, White, Green, Red, Lime, Fuchsia, Teal, Maroon, Yellow, Purple, Olive).
- RGB в шістнадцятковій системі — спосіб, який часто використовується в HTML. Перед номером кольору ставиться значок дієз (пр.: #517af3, або скорочена форма #02a, що рівноцінно #0022aa).
- RGB в десятковій системі — рівень кожної складової кольору підбирається в діапазоні від 0 до 255 і записується в форматі: “url(x, y, z)”, де x, y, z – рівень відповідно червоного, зеленого та голубого кольору.
- RGB у відсотках — схожий формат на попередній, але рівень кожної складової кольору підбирається в діапазоні від 0% до 100% (пр.: url(10%, 90%, 20%)).