Цвет текста

Разные цвета для фрагментов текста задают через CSS‑свойство color, применяя его к элементам, в которые обёрнут нужный текст, обычно <span>.

Этим элементам назначают классы и описывают цвета во внешнем CSS, а инлайновые стили style="color: ..." используют только для простых или разовых случаев.

Чтобы раскрасить разные части текста по‑разному, каждый фрагмент оборачивают в отдельный HTML‑элемент (чаще всего <span>) и настраивают для него свойство color через CSS. Такой подход позволяет независимо управлять цветами ошибок, предупреждений, подсветки важных слов и других элементов интерфейса.

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

• Классы + CSS: элементам с текстом назначают классы вроде text-error, text-success, а в CSS задают свойство color; это основной и рекомендуемый способ.
• Инлайновые стили: можно задать цвет прямо в теге, например <span style="color: red">; подходит для разовых правок и демо, но плохо масштабируется.
• Форматы цвета: цвет можно записывать как имя (red), HEX (#ff0000), функции rgb()/rgba(), hsl() и другие варианты, выбирая формат под задачи дизайна.

Ниже пример: в HTML мы выделяем фрагменты текста и даём им классы, а в CSS описываем разные цвета для этих классов.