Як задати колір тексту в 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);
}

Сподіваємося, що ви отримали відповідь на своє запитання і тепер можете без проблем змінити колір тексту на вашому сайті.