Как задать цвет в CSS
CSS предлагает нам четыре удобных способа указать цвет.
- По имени. Используются англоязычные названия цветов, например blue или red (см. Именованные цвета).
- В шестнадцатиричном RGB (например, #71C354 или #3C9). Этот способ широко используется в HTML (см. Безопасные (browser-safe) цвета в CSS).
- В десятичном формате RGB (например, rgb (126, 6, 9)), где значение каждой компоненты цвета может варьироваться от 0 до 255.
- В формате RGB с указанием величин в процентах, например, rgb (30%, 40%, 70%)), где значение каждой компоненты цвета может варьироваться от 0 до 100.
Пример
p {color: lime}
p {color: rgb(0,255,0)}
p {color: #0f0}
p {color: #00ff00}
p {color: rgb(0%, 100%, 0%)}
В этом примере все способы задания цвета равнозначны и приведут к одному и тому же результату - цвет параграфов станет ярко-зеленым.
См. также
Блочная модель (Box Model) - основа CSS
Как задаются размеры в CSS
Именованные цвета
Безопасные (browser-safe) цвета
