Uvod v ime barve v HTML

Ime barve v HTML ima zelo pomembno vlogo v postopku oblikovanja spleta in aplikacij. Pomaga spremeniti videz našega spletnega mesta ali aplikacije. Poleg tega naredi našo aplikacijo bolj privlačno in interaktivno. Obstaja več načinov za določitev imena barve v HTML v obliki kodiranja HTML. za učinkovitejšo uporabo lahko uporabite dodatne lastnosti CSS. Ime barve barv HTML lahko uporabimo na ravni strani, tako da ga vključimo v del telesa, ki ga lahko nastavimo tudi na posamezno barvo določenemu elementu. Ime barve v HTML se namenoma uporablja za barvo besedila, barvo ozadja, barvo obrob, sence, gradiente in še veliko več.

Sintaksa

  • Obstajajo različni načini uporabe barv HTML. Poglejmo enega za drugim.
  • Zelo osnovna uporaba barve HTML je, da jo nanesete na besedilo. preprosto uporabite kot barvo besedila za prikazovanje besedila v različnih barvah HTML.

1. Sintaksa barve besedila

color : color_name;

Poglejmo, kako bo delovala ta skladnja,

Welcome to EDUBCA

V zgornjem primeru bo v modri barvi prikazano besedilo Dobrodošli v EDUBCA:

  • S pomočjo barv HTML jih lahko dodate tudi kot barvo ozadja.

2. Sintaksa barv ozadja

background-color:color_name;

Poglejmo, kako bo delovala ta skladnja,

V kategoriji so vse informacije o oblikovanju, ki se širijo v številnih podkategorijah tečaja oblikovanje.

  • Prav tako je mogoče dodati barvno obrobo okoli katerega koli besedila ali elementa z barvo HTML z naslednjo skladnjo:

3. Sintaksa barve obrobe: meja

value color_name;

Poglejmo, kako bo delovala ta skladnja,

EDUCBA free certification course

Vrste imena barve v HTML

Obstajajo različni načini za določitev imen barv v HTML. Težko si je zapomniti drugačno ime v različnih barvah. Torej je treba odločiti, da bomo dali nekaj vrednosti različnim barvam. Poglejmo enega za drugim

1. Vrednost RGB

  • To je eden od načinov za določitev barvnih imen HTML v kombinaciji vrednosti rdeče, zelene in modre barve. Kateri se uporablja za določanje intenzivnosti barve med številko 0 do 255?
  • Recimo, da želimo določiti črno barvo s kombinacijo RGB, potem bo všeč RGB (0, 0, 0). Tu bodo vsi parametri barve nastavljeni na 0. Torej bo prikazana črna barva.
  • Tako kot drugi RGB (0, 0255) bo obarval modro barvo, je tudi 255 postavljena kot najvišja vrednost modre, druga pa 0.
  • Če gremo na 3 enake vrednosti RGB, bo to ustvarilo odtenke sive barve.

Primer: RGB (0, 0, 0) za najtemnejšo barvo, kjer RGB (255, 255, 255) za najsvetlejšo barvo.

2. Vrednost HEX

  • To je najpogosteje uporabljena oblika imena barve v HTML-ju, v katerem bo ime barve določeno v obliki šestnajstične vrednosti.
  • Format #rrggbb vključuje vrednosti RR za rdečo, gg za zeleno in bb za modro so postavljene med 00-toff šestnajsto vrednost.
  • Razmislimo o enem primeru, ki določa barvo # 00ff00. tako bodo te vrednosti ustvarjene zeleno barvno zaradi zelene, ki vsebuje najvišjo vrednost (ff), kjer naj bo druga vrednost nastavljena na 00.

3. Vrednost HSL

  • Druga oblika za določitev HTML barve v obliki odtenka, nasičenosti, lahkotnosti.
  • Zdaj bomo videli vse izraze enega za drugim. Odtenek je opredeljen kot stopnja barve, ki je med 0 in 360. v katerem 0 za rdečo, 120 za zeleno in 240 za modro.
  • Nasičenost določa vrednost barve v odstotkih, v katerih 0% pravi odtenek sive, kjer je 100% za polno barvo.
  • Svetlost deluje tudi kot odstotek, ki definira 0% za črno, 50% ne za svetlobo ali temno, če je 100% za belo.

4. Vrednost RGBA

  • Ta vrsta barve HTML določa razširitev za RGB barvo, vključno z alfa vrednostjo. Kjer se alfa uporablja za določitev motnosti barve.
  • Vrednost alfa je med 0, 0 (popolnoma pregleden) do 1, 0 (sploh ni pregleden)
  • Primer je rgba (255, 99, 71, 0)

5. Vrednost HSLA

  • Deluje enako kot HSL barve, pri čemer za določitev motnosti barve dodajo še dodatno alfa vrednost.
  • hsla (8.100%, 80%, 0) za popolnoma prozorno barvo.
  • hsla (8, 100%, 80%, 0, 9) za ne tako prozorno barvo.

Primeri imena barve v HTML

Poglejmo, kako se ime barve v HTML uporablja s pomočjo nekaterih primerov, navedenih spodaj:

Primer # 1

Razmislimo o splošnem primeru, ki prikazuje, kako se bo uporabljalo ime barve barve v HTML-ju:

HTML koda:



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

Naučiš se več od neuspeha kot od uspeha. Ne dovolite, da vas ustavi. Neuspeh tvori značaj. Če delate na nečem, za kar vas resnično skrbi, vam ni treba potiskati. Vizija vas vleče

Izhod:

Primer # 2

Zdaj vzamemo še en primer, ki bo opredelil vse vrste barv HTML na naslednji način:

HTML koda:



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

Izhod:

V zgornjem primeru lahko vidimo uporabo različnih barvnih vrst HTML in njihovo poimenovanje v HTML.

Primer # 3

Še ena uporaba barv HTML je določiti mejo elementa, to je:

Na primer, tukaj lahko dodamo obrob v telo kode, s tem pa spremenimo tudi ozadje in barvo besedila.

HTML koda:

Samorealizacijska teorija govori o lastnih nagradah, ki so značilne za opravljanje naloge, kot so zadovoljstvo z delom, občutek dosežka itd.

Izhod:

Zaključek

Ugotovili smo, da so HTML barve definirane z različnimi imeni, odstotno vrednostjo, šestnajsto vrednostjo, alfa vrednostjo in še veliko več. Ime barve v HTML se uporablja za barvo besedila, ozadja, obrobe, za gradacije. Obstajajo različni tipi za definiranje imena barv HTML kot RGB, hex, hsl, rgba, hsla.

Priporočeni članki

To je vodnik za ime barve v HTML. Tukaj razpravljamo o uvodu, vrstah imena barve v HTML skupaj s primeri, sintakso in kodami HTML. Če želite izvedeti več, lahko preberete tudi druge naše predlagane članke -

  1. Atribut sloga HTML
  2. Oznake HTML tabele
  3. Slikovna povezava v HTML
  4. Ustvari tabele v HTML
  5. Dogodki HTML

Kategorija:

Orodja za razvoj spletnih strani