Uvod u Naziv boje u HTML-u

Naziv boje u HTML-u igra vrlo važnu ulogu u procesu dizajniranja weba i aplikacija. Pomaže u promjeni izgleda i izgleda naše web stranice ili aplikacije. Kao i što našu aplikaciju čini privlačnijom i interaktivnijom. Postoje različiti načini za definiranje Naziv boje u HTML-u u HTML formatu kodiranja. možete koristiti dodatna svojstva CSS-a za učinkovitije korištenje. U mogućnosti smo koristiti naziv HTML boje na razini stranice tako da ga uključimo u dio tijela, a također možemo postaviti i pojedinačnu boju na određeni element. Naziv boje u HTML-u namjerno se koristi za boju teksta, boju pozadine, boju obruba, sjene, gradijente i mnoge druge.

Sintaksa

  • Postoje različiti načini na koje možemo koristiti HTML boje. Pogledajmo jedan po jedan.
  • Vrlo osnovna upotreba HTML boje je primjena na tekst. jednostavno koristite kao boju teksta za prikazivanje teksta u različitim HTML bojama.

1. Sintaksa boje teksta

color : color_name;

Da vidimo kako će funkcionirati ova sintaksa,

Welcome to EDUBCA

U gornjem primjeru prikazat će se tekst Dobrodošli u EDUBCA u plavoj boji kao što je:

  • Uz pomoć HTML boja, također ih je moguće dodati kao boju pozadine.

2. Sintaksa boje pozadine

background-color:color_name;

Da vidimo kako će funkcionirati ova sintaksa,

Kategorija sadrži sve informacije o dizajnu koje se šire kroz brojne potkategorije na tečaju Dizajn.

  • Također je moguće dodati obojenu obrub oko bilo kojeg teksta ili elementa pomoću HTML boje koristeći sljedeću sintaksu:

3. Sintaksa boje granice: granica

value color_name;

Da vidimo kako će funkcionirati ova sintaksa,

EDUCBA free certification course

Vrste naziva boje u HTML-u

Postoje različiti načini za definiranje imena boja u HTML-u. Teško je zapamtiti drugačije ime u različitim bojama. Dakle, treba odlučiti dati neke vrijednosti različitim bojama. Pogledajmo jedan po jedan

1. RGB vrijednost

  • To je jedan od načina definiranja HTML imena imena u kombinaciji vrijednosti crvene, zelene i plave boje. Koji se koristi za definiranje intenziteta boje između broja 0 do 255?
  • Pretpostavimo da želimo definirati crnu boju koristeći RGB kombinaciju, tada će nam se svidjeti RGB (0, 0, 0). Ovdje će se svi parametri boje postaviti na 0. Dakle, ona će prikazati crnu boju.
  • Kao i drugi RGB (0, 0255) će prikazivati ​​plavu boju, jer je 255 postavljena kao najveća vrijednost plavoj, a druga 0.
  • Ako idemo na 3 jednake vrijednosti RGB, tada će se stvoriti nijanse sive boje.

Primjer: RGB (0, 0, 0) za najmračniju boju, gdje je RGB (255, 255, 255) za najlakšu boju.

2. Vrijednost HEX-a

  • To je jedan najčešće korišteni format naziva boje na HTML-u u kojem će se naziv boje definirati u obliku heksadecimalne vrijednosti.
  • Format #rrggbb uključuje vrijednosti od RR za crvenu, gg za zelenu i bb za plavu smještene su između 00 toff heksadecimalne vrijednosti.
  • Razmotrimo jedan primjer koji definira boju # 00ff00. pa će ove vrijednosti biti generirane u boji zelene boje, jer zelena sadrži najvišu vrijednost (ff) gdje treba postaviti drugu na 00.

3. Vrijednost HSL-a

  • Još jedan format za definiranje HTML boje u obliku nijanse, zasićenosti, lakoće.
  • Sada ćemo vidjeti sve pojmove jedan po jedan. Nijansa se definira kao stupanj boje koji se kreće između 0 do 360. u kojem je 0 za crveno, 120 za zeleno i 240 za plavo.
  • Zasićenje definira vrijednost boje u postocima, u kojima 0% kaže nijansa sive gdje je 100% za punu boju.
  • Svjetlost također djeluje kao postotak koji definira 0% za crnu boju, 50% nije za svijetlu ili tamnu gdje je 100% za bijelu.

4. RGBA vrijednost

  • Ova vrsta HTML boje definira proširenje za RGB boju uključujući alfa vrijednost. Gdje se alfa koristi za definiranje neprozirnosti boje.
  • Alfa vrijednost dolazi između 0, 0 (potpuno transparentan) do 1, 0 (uopće nije transparentan)
  • Primjer je rgba (255, 99, 71, 0)

5. Vrijednost HSLA

  • Djeluje isto kao što HSL boje imaju dodatnu alfa vrijednost s njom za definiranje neprozirnosti boje.
  • hsla (8, 100%, 80%, 0) za potpuno prozirnu boju.
  • hsla (8, 100%, 80%, 0, 9) za ne toliko prozirnu boju.

Primjeri naziva boje u HTML-u

Pogledajmo kako se naziv boje u HTML-u upotrebljava uz pomoć nekih primjera navedenih u nastavku:

Primjer 1

Razmotrimo opći primjer koji prikazuje kako će se primjerice koristiti naziv boje u HTML-u:

HTML kod:



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

Učite više od neuspjeha nego od uspjeha. Ne dopustite da vas zaustavi. Neuspjeh gradi karakter. Ako radite na nečemu do čega vas zaista zanima, ne treba vas pritiskati. Vizija te povlači

Izlaz:

Primjer 2

Sada uzimamo još jedan primjer koji će definirati sve vrste HTML boja na sljedeći način:

HTML kod:



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

Izlaz:

U gornjem primjeru možemo vidjeti upotrebu različitih vrsta HTML boja i kako su one imenovane u HTML-u.

Primjer 3

Još jedna upotreba HTML boje je definiranje obruba na element, a to je:

Na primjer, ovdje možemo dodati obrub tijelu vašeg koda, mijenjajući pozadinu kao i boju teksta.

HTML kod:

Teoretizacija samo-aktualizacije razgovora o stvarnim nagradama svojstvenim obavljanju zadatka poput zadovoljstva poslom, osjećaja postignuća itd.

Izlaz:

Zaključak

Naišli smo da su HTML boje definirane s različitim imenima, postotkom, hex vrijednosti, alfa vrijednošću i mnogim drugim. Naziv boje u HTML-u koristi se za boju teksta, pozadine, obruba, gradacija. Postoje različite vrste za definiranje naziva HTML boje kao RGB, hex, hsl, rgba, hsla.

Preporučeni članci

Ovo je vodič za Naziv boje u HTML-u. Ovdje raspravljamo o uvodu, Vrste naziva boja u HTML-u zajedno s primjerima, sintaksom i HTML kodovima. Možete i proći naše druge predložene članke da biste saznali više -

  1. Atributi HTML stila
  2. Oznake HTML tablice
  3. Link slika u HTML-u
  4. Napravite tablice u HTML-u
  5. HTML događaji

Kategorija:

Alati za web razvoj