Вступ до назви кольору в HTML

Ім'я кольору в HTML відіграє дуже важливу роль у процесі веб-дизайну та створення додатків. Це допомагає змінити зовнішній вигляд нашого веб-сайту чи програми. А також це робить наш додаток більш привабливим та інтерактивним. Існують різні способи визначення імені кольору в HTML у форматі кодування HTML. можна використовувати додаткові властивості CSS, щоб використовувати його більш ефективно. Ми можемо використовувати ім'я кольору HTML на рівні сторінки, включивши його в частину тіла, а також зможемо встановити індивідуальний колір для конкретного елемента. Ім'я кольору в HTML спеціально використовується для тексту тексту, кольору фону, кольору рамки, тіней, градієнтів та багатьох інших.

Синтаксис

  • Існують різні способи використання кольорів HTML. Давайте подивимось одну за одною.
  • Основне використання кольору HTML - це нанесення його на текст. просто використовуйте як колір тексту для відображення тексту в різних кольорах HTML.

1. Синтаксис кольорів тексту

color : color_name;

Подивимося, як буде працювати цей синтаксис,

Welcome to EDUBCA

У наведеному вище прикладі він покаже текст Ласкаво просимо до EDUBCA синього кольору, як:

  • За допомогою кольорів HTML також можна додати їх як колір тла.

2. Синтаксис фонового кольору

background-color:color_name;

Подивимося, як буде працювати цей синтаксис,

Категорія містить всю інформацію про дизайн, що поширюється на численні підкатегорії в курсі «Дизайн».

  • Також можна додати кольорову рамку навколо будь-якого тексту чи елемента, використовуючи колір HTML, використовуючи наступний синтаксис:

3. Синтаксис кольорів кордону: межа

value color_name;

Подивимося, як буде працювати цей синтаксис,

EDUCBA free certification course

Типи імені кольору в HTML

Існують різні способи визначення назв кольорів у HTML. Важко запам’ятати іншу назву в різних кольорах. Тож варто вирішити надати деякі значення різним кольорам. Давайте подивимось по черзі

1. Значення RGB

  • Це один із способів визначення назв кольорів HTML у поєднанні значень формату червоного, зеленого та синього кольорів. Який використовується для визначення інтенсивності кольорів між числом 0 до 255?
  • Припустимо, ми хочемо визначити чорний колір за допомогою комбінації RGB, тоді він сподобається RGB (0, 0, 0). Тут усі параметри кольору будуть встановлені на 0. Отже, він відобразить чорний колір.
  • Як і інший RGB (0, 0255) відображатиметься кольором синього кольору, оскільки 255 встановлюється як найвище значення синього, а інший - 0.
  • Якщо ми збираємось 3 рівних значення RGB, то це створить відтінки сірого кольору.

Приклад: RGB (0, 0, 0) для найтемнішого кольору, де RGB (255, 255, 255) для найлегшого кольору.

2. Значення HEX

  • Це один із найпоширеніших форматів імені кольору в HTML, у якому ім'я кольору буде визначено у форматі шістнадцяткового значення.
  • Формат #rrggbb включає значення від RR для червоного, gg для зеленого та bb для синього розміщуються між шістнадцятковим значенням 00.
  • Розглянемо один приклад, що визначає колір №00ff00. тому ці значення будуть генеруватися кольором зеленого кольору через зелений, що містить найвище значення (ff), де інше має бути встановлено на 00.

3. Значення HSL

  • Ще один формат для визначення кольору HTML у вигляді відтінку, насиченості, легкості.
  • Тепер ми побачимо всі терміни один за одним. Відтінок визначається як ступінь кольору, яка знаходиться в межах від 0 до 360. в якому 0 для червоного, 120 для зеленого та 240 для синього.
  • Насиченість визначає значення кольору у відсотках, у яких 0% говорить відтінок сірого, де 100% для повного кольору.
  • Світлість також працює як відсоток, який визначає 0% для чорного, 50% - ні для світлого, ні для темного, де 100% для білого.

4. Значення RGBA

  • Цей тип кольору HTML визначає розширення для кольору RGB, включаючи значення альфа. Де альфа використовується для визначення непрозорості кольору.
  • Значення альфа входить від 0, 0 (повністю прозорий) до 1, 0 (зовсім не прозорий)
  • Приклад - rgba (255, 99, 71, 0)

5. Значення HSLA

  • Він працює так само, як кольори HSL, додатково має значення альфа-значення для визначення непрозорості кольору.
  • hsla (8 100%, 80%, 0) для повністю прозорого кольору.
  • hsla (8 100%, 80%, 0, 9) для не дуже прозорого кольору.

Приклади назви кольору в HTML

Давайте подивимось, як використовується ім'я кольору в HTML за допомогою наведених нижче прикладів:

Приклад №1

Розглянемо загальний приклад, що показує, як використовуватиметься ім'я кольору кольору в HTML:

HTML-код:



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun

Ви дізнаєтесь більше від невдач, ніж від успіху. Не дозволяйте вам зупинити вас. Невдача будує характер. Якщо ви працюєте над чимось, про що ви дійсно піклуєтесь, вам не доведеться натискати. Бачення тягне вас

Вихід:

Приклад №2

Тепер ми беремо ще один приклад, який визначатиме всі типи HTML кольору наступним чином:

HTML-код:



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade

Вихід:

У наведеному вище прикладі ми можемо побачити використання різних типів кольорів HTML та те, як вони називаються в HTML.

Приклад №3

Ще одне використання кольору HTML - це визначення межі елемента, а саме:

У прикладі, тут ми можемо додати рамку до коду вашого коду, змінюючи також фон, а також колір тексту.

HTML-код:

Самоактуалізуючі теорії говорять про внутрішню винагороду, властиву виконанню завдань, таких як задоволеність роботою, відчуття досягнення тощо.

Вихід:

Висновок

Ми зіткнулися з тим, що кольори HTML визначаються різними іменами, процентним значенням, шістнадцятковим значенням, альфа-значенням та багато іншого. Назва кольору в HTML використовується для створення кольору тексту, фону, облямівки, градацій. Існують різні типи, щоб визначити ім'я кольору HTML як RGB, hex, hsl, rgba, hsla.

Рекомендовані статті

Це посібник з назви кольору в HTML. Тут ми обговорюємо вступ, типи імені кольору в HTML разом із прикладами, синтаксисом та кодами HTML. Ви також можете ознайомитися з іншими запропонованими нами статтями, щоб дізнатися більше -

  1. Атрибут стилю HTML
  2. Теги HTML-таблиць
  3. Посилання на зображення в HTML
  4. Створіть таблиці в HTML
  5. Події HTML

Категорія:

Інструменти веб-розробки