CSS как сделать текст цветным

Чтобы сделать текст цветным в CSS, нужно использовать свойство color и задать значение цвета в формате, который CSS понимает.

Например, можно использовать ключевые слова, такие как red (красный), green (зеленый), blue (синий), yellow (желтый) и другие, чтобы быстро задать цвет текста. Вот пример:

p {
  color: red;
}

В данном случае текст, находящийся в элементах <p>, будет красным.

Также можно использовать цвета, заданные в формате HEX или RGB. Вот примеры:

h1 {
  color: #00ff00; /* зеленый, заданный в HEX */
}

a {
  color: rgb(255, 0, 0); /* красный, заданный в RGB */
}

Здесь заголовок <h1> будет иметь зеленый цвет, который задан в формате HEX, а ссылка <a> — красный цвет, который задан в формате RGB.

Также можно использовать цвета, заданные в формате HSL или HSLA, чтобы задавать цвета с помощью оттенка, насыщенности и яркости цвета. Например:

h2 {
  color: hsl(240, 100%, 50%); /* синий цвет, заданный в HSL */
}

span {
  color: hsla(60, 100%, 50%, 0.7); /* зеленый цвет с прозрачностью 0.7, заданный в HSLA */
}

В обоих примерах цвета заданы с помощью значений оттенка (hue), насыщенности (saturation) и яркости (lightness), при этом последний пример также задает прозрачность с помощью альфа-канала (opacity).

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