Codebra
25 января 2026 в 19:07

Урок 22. Именованные цвета в CSS

Что такое именованный цвет и какие существуют цвета. Пару примеров и практика.
📝

Внимание! На этой странице вы найдете материал урока из архивного курса по CSS. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по CSS и на странице первого урока.

📋 Задание
  • В HTML коде написаны два элемента: p и b. Вам нужно сделать цвет текста этих элементов такой, который написан внутри их (например, между <p> ... </p>). Для определения цвета в CSS используйте свойство color: цвет;. Цвета, которые вам понадобятся: red и green.

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

  • silveraquafuchsia
  • limeolivered
  • whiteblackgray
  • maroonorangeyellow
  • bluegreennavy
  • purpleteal

А теперь будем использовать наши именованные цвета. Например, нам нужно сделать текст всех абзац зеленого цвета. Это реализовано в первом примере.

p { color: green; }

И глянем еще пару примеров.

p { color: green; }
h1 { color: red; }
div { background: purple; }

На самом деле, я перечислил не все именованные цвета, их еще больше. Именованных цветов более 100 и они появились в CSS3. Например, есть такой цвет: lightcoral.

📝

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