Справочник HTML & CSS

color

Цвет текста (а также цвет рамок и SVG-значков по умолчанию).

Синтаксис

color: value;

Значения

Параметр	Тип	Описание
name	keyword	Одно из примерно 150 названий: `red`, `teal`, `rebeccapurple`.
#rrggbb	hex	Шестнадцатеричный код: `#ff6600`, коротко `#f60`, с прозрачностью `#ff660080`.
rgb()	function	Красный, зелёный и синий от 0 до 255: `rgb(255 102 0)`.
currentColor	keyword	Текущее значение `color` — для рамок, теней и значков.

Примеры

Три способа записать цвет:

<p style="color: crimson;">By name: crimson</p>
<p style="color: #2e8b57;">In hex: #2e8b57</p>
<p style="color: rgb(30 144 255);">In rgb(): rgb(30 144 255)</p>

currentColor повторяет цвет текста:

<style>
  .alert { color: darkorange; border: 2px solid currentColor; padding: 8px; }
</style>
 
<p class="alert">The border takes the text color through currentColor.</p>

Примечания

color наследуется: задайте его у body, и он достанется всем элементам. Проверяйте контраст текста и фона — инструменты разработчика в браузере показывают его для любого цвета.

См. также

background-color — Цвет фона элемента.
rgb() — Цвет из красной, зелёной и синей составляющих, по желанию с прозрачностью.
hsl() — Цвет по тону, насыщенности и светлоте.
opacity — Прозрачность всего элемента вместе с содержимым.

Вопросы и ответы по теме

В учебнике

Цвета — Цвет текста и фона, способы записи цвета в CSS — названия, hex, rgb() и hsl() — и прозрачность.

Спасибо, что читаете!