Найпоширенішим способом визначення кольорів у CSS є використовуйте їх шістнадцяткові (або шістнадцяткові) значення. Шістнадцяткові значення насправді є іншим способом представлення значень RGB. Замість трьох чисел від 0 до 255 ви використовуєте шість шістнадцяткових чисел. Шістнадцяткові числа можуть бути 0-9 і A-F.
Значення <color> можна вказати одним із наведених нижче методів:
- За ключовими словами: <named-color> (наприклад, blue або pink ), <system-color> і currentcolor .
- У шістнадцятковому форматі: <hex-color> (наприклад, #ff0000).
- За <color-function> з параметрами в просторі кольорів із використанням функціональних позначень:
Ви можете змінити значення кольору на будь-яке дійсне значення кольору CSS, як-от іменований колір (синій, червоний тощо), шістнадцятковий код (#000000 для чорного) або значення RGB (rgb(255, 0, 0) для червоного). Не забудьте вибрати правильний селектор заголовка (наприклад, h1 , h2 тощо)
3-значне шістнадцяткове значення, де r, g і b представляють червоний, зелений і синій компоненти зі значеннями від 0 до f. 3-значний шістнадцятковий код можна використовувати лише тоді, коли обидва значення (RR, GG і BB) однакові для кожного компонента. Отже, якщо ми маємо #ff00cc, це можна записати так: #f0c.
Функція CSS rgb() Значення кольору RGB вказується за допомогою: rgb (червоний, зелений, синій). Кожен параметр визначає інтенсивність цього кольору та може бути цілим числом від 0 до 255 або відсотковим значенням (від 0% до 100%).
Найпоширеніший спосіб вказати кольори в CSS – це використовувати їх шістнадцяткові (або шістнадцяткові) значення. Шістнадцяткові значення насправді є іншим способом представлення значень RGB. Замість трьох чисел від 0 до 255 ви використовуєте шість шістнадцяткових чисел. Шістнадцяткові числа можуть бути 0-9 і A-F.