Урок №7. Изменение цвета с помощью CSS

Степень завершённости урока: 20%

Существует четыре способа изменить цвет с помощью CSS.

указать название цвета на английском языке (red, blue, white...).

<!DOCTYPE html>
<html lang="ru">
   <head>
      <meta charset=utf-8>
      <title>Цвет фона</title>
   </head>
   <body>
      <h1 style = "background-color: yellow">Цвет фона этого текста сделан жёлтым с помощью CSS</h1>
      <h1 style = "background-color: blue">... этот синим</h1>
      <h1 style = "background-color: red">...а этот красным</h1>
   </body>
</html>

А вот так это выглядит в браузере:

указать RGB-значение цвета (xxx, xxx, xxx) в диапазоне от 0 до 255. Например, "0, 255, 0" будет насыщенным зелёным цветом, "120, 89, 255" будет фиолетовым цветом. Подобрать цвета можно в любом графическом редакторе.
указать шестнадцатеричное (хекс) значение цвета, которое состоит из знака хэша и 6 символов, например #7D7D7D.
указать значение цвета в формате HSL (hue/оттенок, saturate/насыщенность, Lightness/светлота). Значение каждого параметра может быть от 0 до 359.

Страница обновлена 1 октября 2023 года.