Колір – це один з найважливіших аспектів створення веб-сторінки. У HTML існує кілька способів встановити колір: з використанням іменованих кольорів, шістнадцятковій нотації і RGB-значень. Кожен із цих підходів має свої особливості та переваги.
Перший спосіб – це використання іменованих кольорів. У HTML визначено набір кольорів, які можна встановити за допомогою властивості CSS. Наприклад, blue (синій), red (червоний), або green (зелений). Цей спосіб зручний, якщо ви не знайомі з шістнадцятковим кодом або значеннями RGB.
Другий спосіб – це використання шістнадцяткової нотації. Кожен колір у шістнадцятковій системі записується у вигляді шістнадцяткового коду. Кожен колір представлений комбінацією з 6 символів (цифри 0-9 та літери A-F), де перші два символи визначають червоний колір, наступні два – зелений, а останні два – синій. Наприклад, #FF0000 (червоний), #00FF00 (зелений) або #0000FF (синій). Шістнадцяткова нотація надає величезну гнучкість при виборі кольору, оскільки дозволяє задавати практично будь-який відтінок.
Третій спосіб – використання RGB-значень. RGB – це абревіатура від англійських слів Red (червоний), Green (зелений) та Blue (синій). Кожен колір представлений числом від 0 до 255, де 0 це мінімальне значення, а 255 – максимальне значення. Наприклад, rgb(255, 0, 0) відповідає червоному кольору, rgb(0, 255, 0) – зеленому, а rgb(0, 0, 255) – синьому. Використовуючи ці три основні кольори у різних пропорціях, можна формувати різні відтінки. RGB-значення надають точний контроль над кольором і є зручним способом вибору кольору в HTML.
| Тег | Опис | приклад |
|---|---|---|
| <font color=”…”> | Встановлює колір тексту. | Червоний текст |
| <div style=”background-color: …”> | Встановлює колір тла для блокового елемента. | Синій фон |
| <a href=”#” style=”color: …”> | Встановлює колір посилання. | Зелене посилання |
Щоб змінити колір шрифту, скористайтесь атрибутом color тега <font>. Щоб додати шрифт, потрібний атрибут face тега <font>.
Як задати колір у HTML?
</тег> — вказує колір тексту за кодом. І як завжди, щоб змінити колір тексту на всій сторінці, достатньо вказати атрибут style у тезі <BODY>. А якщо необхідно змінити колір шрифту для фрагмента тексту, то вставте його в тег <SPAN> і застосуйте атрибут до нього.
Як зробити колір кнопки HTML?
Для зміни кольору фону та тексту кнопки використовуємо відповідно властивості background і color, додаючи їх до селектора buttonЯк показано в прикладі 1. Основні параметри кнопки застосовуємо до селектора button, а додатково вводимо різні класи, щоб легко змінювати колір кнопок.
Як змінити колір Input HTML?
Рішення Колір фону елемента визначається стильовою властивістю background-color, а колір тексту за допомогою color, ці властивості необхідно додати до селектора INPUT.