Въведение в името на цвета в 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 toff шестнадесетична стойност.
  • Нека разгледаме един пример, определящ цвят # 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, шестнадесетичен, hsl, rgba, hsla.

Препоръчителни статии

Това е ръководство за Име на цвят в HTML. Тук обсъждаме въвеждането, типовете име на цвета в HTML, заедно с примери, синтаксис и HTML кодове. Можете да разгледате и другите ни предложени статии, за да научите повече -

  1. Атрибут на HTML стил
  2. Тагове за HTML таблици
  3. Връзка към изображение в HTML
  4. Създайте таблици в HTML
  5. HTML събития

Категория:

Инструменти за уеб разработка