Увод у Назив боје у ХТМЛ-у

Назив боје у ХТМЛ-у игра веома важну улогу у процесу дизајнирања веба и апликација. Помаже у промени изгледа и изгледа нашег вебсајта или апликације. Као и што нашу апликацију чини атрактивнијом и интерактивнијом. Постоје различити начини за дефинисање Назив боје у ХТМЛ-у у ХТМЛ кодни облик. човек може да користи додатне ЦСС својства да би га ефикасније користио. У могућности смо да користимо ХТМЛ име боје на нивоу странице тако што га укључимо у део тела који такође можемо да поставимо на појединачну боју на одређени елемент. Назив боје у ХТМЛ-у се наменски користи за боју текста, боју позадине, боју обруба, сенке, градијенте и још много тога.

Синтакса

  • Постоје различити начини на које можемо користити ХТМЛ боје. Да видимо један по један.
  • Основна употреба ХТМЛ боје је да се она примјени на текст. једноставно користите као боју текста за приказивање текста у различитим ХТМЛ бојама.

1. Синтакса боје текста

color : color_name;

Да видимо како ће функционирати ова синтакса,

Welcome to EDUBCA

У горњем примеру ће приказати текст Добродошли у ЕДУБЦА у плавој боји као што је:

  • Уз помоћ ХТМЛ боја, могуће их је додати и као позадинску боју.

2. Синтакса позадинске боје

background-color:color_name;

Да видимо како ће функционирати ова синтакса,

Категорија садржи све информације о дизајну које се шире у бројним поткатегоријама на курсу Дизајн.

  • Такође је могуће додати обојену обруб око било ког текста или елемента коришћењем ХТМЛ боје користећи следећу синтаксу:

3. Синтакса боје границе: граница

value color_name;

Да видимо како ће функционирати ова синтакса,

EDUCBA free certification course

Врсте назива боје у ХТМЛ-у

Постоје различити начини за дефинисање имена боја у ХТМЛ-у. Тешко је запамтити другачије име у различитим бојама. Тако да треба одлучити дати неке вредности различитим бојама. Да видимо један по један

1. РГБ вредност

  • То је један од начина за дефинисање ХТМЛ имена боја у комбинацији вриједности црвене, зелене и плаве боје. Који се користи за дефинисање интензитета боје између броја 0 до 255?
  • Претпоставимо да желимо да дефинишемо црну боју користећи РГБ комбинацију, тада ће нам се допасти РГБ (0, 0, 0). Овде ће се сви параметри боје поставити на 0. Дакле, она ће приказати црну боју.
  • Као и други РГБ (0, 0255) ће приказати плаву боју, јер је 255 постављена као највећа вредност плавој, а друга 0.
  • Ако идемо на 3 једнаке вредности РГБ тада ће то створити нијансе сиве боје.

Пример: РГБ (0, 0, 0) за најмрачнију боју, где је РГБ (255, 255, 255) за најлакшу боју.

2. Вредност ХЕКС-а

  • То је један најчешће коришћени формат имена боје у ХТМЛ-у, у којем ће се име боје дефинисати у формату хексадецималне вредности.
  • #ррггбб формат укључује вредности од РР за црвено, гг за зелено и бб за плаво се постављају између 00 тофф хексадецималне вредности.
  • Размотримо један пример који дефинише боју # 00фф00. тако да ће ове вредности бити генерисане зелено у боји јер зелена садржи највећу вредност (фф) где друга треба да буде постављена на 00.

3. Вредност ХСЛ-а

  • Још један формат за дефинисање ХТМЛ боје у облику нијансе, засићености, лакоће.
  • Сада ћемо видети све појмове један по један. Нијанса је дефинисана као степен боје која се креће између 0 до 360. у којима је 0 за црвено, 120 за зелено и 240 за плаво.
  • Засићење дефинира вриједност боје у процентима, у којима 0% каже нијанса сиве гдје је 100% за пуну боју.
  • Светлост такође делује као проценат који дефинише 0% за црну боју, 50% није ни светла ни тамна где је 100% за белу.

4. РГБА вредност

  • Ова врста ХТМЛ боје дефинише проширење за РГБ боју укључујући алфа вредност. Где се алфа користи за дефинисање непрозирности боје.
  • Алфа вредност долази између 0, 0 (потпуно транспарентан) до 1, 0 (уопште није транспарентан)
  • Пример је ргба (255, 99, 71, 0)

5. Вредност ХСЛА

  • Дјелује исто као што ХСЛ боје имају додатну алфа вриједност с њом за дефинирање непрозирности боје.
  • хсла (8, 100%, 80%, 0) за потпуно прозирну боју.
  • хсла (8, 100%, 80%, 0, 9) за не толико прозирну боју.

Примери назива боје у ХТМЛ-у

Погледајмо како се име боје у ХТМЛ-у користи уз помоћ неких примера наведених у наставку:

Пример # 1

Размотримо један општи пример који показује како ће се користити пример боје у ХТМЛ-у:

ХТМЛ код:



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

Сада узимамо још један пример који ће дефинисати све врсте ХТМЛ боја на следећи начин:

ХТМЛ код:



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

Излаз:

У горњем примеру, можемо видети употребу различитих типова ХТМЛ боја и како су они именовани у ХТМЛ-у.

Пример бр. 3

Још једна употреба ХТМЛ боје је да се дефинира граница елемента, а то је:

На пример, овде смо у могућности да додамо обруб у тело кода, мењајући позадину као и боју текста.

ХТМЛ код:

Теорија самоактивације говори о унутрашњим наградама својственим обављању задатка као што су задовољство послом, осећај постигнућа итд.

Излаз:

Закључак

Дошли смо до тога да су ХТМЛ боје дефинисане различитим именима, процентом, хек вредностима, алфа вредностима и многим другим. Назив боје у ХТМЛ-у користи се за боју текста, позадине, обруба, градација. Постоје различите врсте за дефинисање ХТМЛ имена боје као РГБ, хек, хсл, ргба, хсла.

Препоручени чланци

Ово је водич за Назив боје у ХТМЛ-у. Овде смо расправљали о уводу, типовима назива боје у ХТМЛ-у заједно са примерима, синтаксом и ХТМЛ кодовима. Можете и да прођете кроз друге наше предложене чланке да бисте сазнали више -

  1. Атрибути ХТМЛ стила
  2. Ознаке ХТМЛ табеле
  3. Линк за слике у ХТМЛ-у
  4. Креирајте табеле у ХТМЛ-у
  5. ХТМЛ Евентс

Категорија:

Алати за веб развој