Как задать цвет текста в CSS — меняем цвет текста с помощью стилей

Опубликовано автором

Ответ на вопрос

Ответ на вопрос «Как поменять цвет текста в CSS» довольно простой — с помощью свойства color. Достаточно задать нужному селектору (элементу, классу, айди и тд) свойство color с определенным значением. Чаще всего на практике это выглядит вот так:

p {
  color: #ffffff;
}

Вот так мы задали белый цвет текста для всех блоков <p>.

Разные форматы

На что стоит обратить внимание — цвет можно указывать в разных форматах.

Например, вместо #ffffff — вы можете прописать white и цвет все также будет белым. Или вместо шести символов f прописать только три — все равно будет работать. Еще можете указать цвет с помощью RGB системы. Это когда вы смешиваете три цвета (красный, зеленый и синий), чтобы получить один. Тогда формат будет вот такой:

p {
  color: rgb(255,255,255);
}

Цвет все такой же белый.

Как задать прозрачность текста

Чтобы задать прозрачность для текста, достаточно воспользоваться расширенной версией rgb — rgba. Здесь мы четвертым параметром задаем прозрачность (от 0 до 1). Вот, для наглядности, сделаем черный текст чуточку прозрачным:

p {
  color: rgba(0,0,0,0.5);
}

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