Цвет

Шестнадцатиричные значения #RRGGBB (#RGB)

.hex {
    color: #ef1a9d;
    background-color: #ddd; /* краткая форма */
}
			

Для задания цветов используются числа в шестнадцатеричном коде.

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.

Все браузеры поддерживают все шестнадцатеричные значения как в кратком, так и в развернутом варианте.

По названию

Браузеры поддерживают некоторые цвета по их названию.

Нет смыла их приводить здесь, так как список уже не маленький. Да и каждая новая спецификая CSS добавляет новые цвета(а точнее придумывает им названия). И ещё я не рекомендую Вам использовать цвета по их названию, потому что в стандарте неоговорено как имено должен отображаться цвет если ипспользуется его названия.

Синтаксис rgb()

Вместо использования для задания цвета шестнадцатеричных значений для смеси красного, зеленого и синего цветов можно использовать значения в виде десятичных чисел или процентного отношения.

.rgb {
    color: rgb(0, 125, 35);
    background-color: rgb(10%, 37%, 78%); /* проценты тоже допустимы */
    /* НО СМЕСЬ ПРОЦЕНТОВ И ЧИСЕЛ НЕДОПУСТИМА */
    border: thin solid rgb(0, 90%, 33); /* ошибка */
}
			

currentColor

Предположим, есть цветовая схема, как правило требующая использования определенного цвета в нескольких свойствах. Если вы захотите изменить базовый цвет темы, вам нужно будет изменить все вхождения данного цвета в таблице стилей.

Но если бы мы, к примеру, могли определить значение цвета в одном месте и использовать его в качестве своего рода "переменой" в таблице стилей. И вдруг, спустя какое-то время нам захочется изменить этот цвет, нужно будет изменить значение этой переменной, и все значения изменятся автоматически.

Начиная с 2014 года в CSS появилось новое ключевое слово, которое практически аналогично переменной - currentColor.

Ключевое слово currentColor похоже на переменную CSS с некоторыми отличиями: вы можете использовать currentColor только в тех свойствах, которые требуют цвет в качестве значения; если свойство не принимает цвет в качестве значения, оно не будет работать с currentColor.

Далее в примерах показаны свойства, принимающие currentColor в качестве значения.

.expmle {
    box-shadow: inset 2px 2px 3px currentColor;
    background-color: currentColor; /* not a good idea! */
}
			

Другое отличие между currentColor в том, что вы не можете присвоить currentColor значение. Значением currentColor является текущий цвет элемента, т.е. текущее значение свойства color. Название currentColor в этом случае отражает суть.

Так, если мы вернемся к предыдущему примеру, currentColor устанавливает цвет тени таким же, как текущее значение свойства color. Если для элемента не задано свойство color, оно будет наследоваться от родителя. Если ни у одного из родителей не задано свойство color — будет использоваться значение по умолчанию, в большинстве браузеров это черный цвет.

Другими словами: ключевое слово currentColor позволяет в свойствах элементов наследовать значение свойства color.

Для свойств, которые уже наследуют значение свойства color, ключевое слово currentColor не будет полезно.