Шестнадцатеричные цвета CSS
Шестнадцатеричный цвет указывается с помощью: #RRGGBB, где RR (красный), GG (зеленый) и BB (синий) шестнадцатеричные целые числа определяют компоненты цвета.
Шестнадцатеричное значение
В CSS цвет можно указать с помощью шестнадцатеричного значения в форме:
# ррггбб
Где rr (красный), gg (зеленый) и bb (синий) — шестнадцатеричные значения от 00 до ff (такие же, как десятичные числа 0–255).
Например, #ff0000 отображается красным цветом, потому что для красного установлено максимальное значение (ff), а для остальных установлено минимальное значение (00).
Чтобы отображать черный цвет, установите все значения на 00, например: #000000.
Чтобы отобразить белый цвет, установите для всех значений ff, например: #ffffff.
Поэкспериментируйте, смешав значения HEX ниже:
#ff6347
КРАСНЫЙ
ЗЕЛЕНЫЙ
СИНИЙ
Пример
Оттенки серого часто определяются с использованием одинаковых значений для всех трех источников света:
Пример
3-значное шестнадцатеричное значение
Иногда вы увидите 3-значный шестнадцатеричный код в исходном коде CSS.
Трехзначный шестнадцатеричный код является сокращением для некоторых шестизначных шестнадцатеричных кодов.
Трехзначный шестнадцатеричный код имеет следующий вид:
# RGB
Где r, g и b представляют красный, зеленый и синий компоненты со значениями от 0 до f.
Трехзначный шестнадцатеричный код можно использовать только в том случае, если оба значения (RR, GG и BB) одинаковы для каждого компонента. Итак, если у нас есть #ff00cc, это можно записать так: #f0c.
Вот пример:
Пример
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}