HTML-i värvinime tutvustus

Värvi nimi HTML-is mängib veebi ja rakenduste kujundamise protsessis väga olulist rolli. See aitab muuta meie veebisaidi või rakenduse ilmet. Lisaks muudab see meie rakenduse atraktiivsemaks ja interaktiivsemaks. Värvi nime HTML-is HTML-i kodeerimisvormingusse määratlemiseks on mitmeid viise. selle efektiivsemaks kasutamiseks saab kasutada täiendavaid CSS-i atribuute. Saame kasutada HTML-i värvinime lehe tasemel, lisades selle kehaosale, samuti on võimalik seada konkreetse elemendi värv individuaalseks. Värvinime HTML-is kasutatakse teksti värvi, taustvärvi, äärisevärvi, varjude, kallete ja paljude teiste jaoks.

Süntaks

  • HTML-värve saab kasutada mitmel viisil. Vaatame ükshaaval.
  • HTML-värvi peamine kasutusviis on selle teksti rakendamine. kasutage lihtsalt teksti värvina teksti kuvamiseks erinevates HTML-värvides.

1. Teksti värvi süntaks

color : color_name;

Vaatame, kuidas see süntaks töötab,

Welcome to EDUBCA

Ülaltoodud näites kuvatakse sinise värviga tekst Welcome to EDUBCA:

  • HTML-värvide abil on võimalik neid ka taustavärvina lisada.

2. Taustavärvi süntaks

background-color:color_name;

Vaatame, kuidas see süntaks töötab,

Sellesse kategooriasse kuulub kogu disaini käsitlev teave, mis jaguneb disaini kursuse arvukate alamkategooriate vahel.

  • Mis tahes teksti või elemendi ümber on võimalik lisada värviline ääris, kasutades HTML-i värvi, kasutades järgmist süntaksit:

3. Äärise värvi süntaks: ääris

value color_name;

Vaatame, kuidas see süntaks töötab,

EDUCBA free certification course

Värvinime tüübid HTML-is

HTML-is on värvinimede määratlemiseks erinevaid viise. Erinevate värvidega erinevat nime on raske meelde jätta. Seega tuleb otsustada anda värvidele mõned väärtused. Vaatame ükshaaval

1. RGB väärtus

  • See on üks viisidest, kuidas määratleda HTML-i värvinimesid punase, rohelise ja sinise värvivormingu väärtuste kombinatsioonis. Mida kasutatakse värvi intensiivsuse määramiseks arvu 0 kuni 255 vahel?
  • Oletame, et tahame määratleda musta värvi RGB-kombinatsiooni abil, siis meeldib see RGB-le (0, 0, 0). Siin seatakse kõik värvi parameetrid nulli. Nii kuvatakse must värv.
  • Sarnaselt teisele RGB-le (0, 0255) kuvatakse sinist värvi, kuna 255 on kõrgeim väärtus seatud siniseks ja teine ​​on 0.
  • Kui me kasutame RGB 3 võrdset väärtust, genereerib see halli tooni.

Näide: RGB (0, 0, 0) tumedaima värvi korral, RGB (255 255 255) heledaima värvi korral.

2. HEX väärtus

  • See on üks HTML-is kõige sagedamini kasutatav värvinime vorming, milles värvinimi määratletakse kuueteistkümnendsüsteemis.
  • #rrggbb-vorming sisaldab väärtusi alates RR punasest, gg rohelisest ja bb sinisest paigutatakse vahemikku 00 toff kuueteistkümnendsüsteemi.
  • Vaatleme ühte näidet, mis määratleb värvi # 00ff00. seega genereeritakse need väärtused roheliseks, kuna roheline sisaldab suurimat väärtust (ff), kui teine ​​väärtus tuleb seada 00-le.

3. HSL väärtus

  • Teine vorming HTML-i värvi määratlemiseks kujul Hue, Saturation, Heledus.
  • Nüüd näeme kõiki termineid ükshaaval. Hue (värvus) on määratletud kui värvus, mis jääb vahemikku 0 kuni 360. milles 0 punase, 120 rohelise ja 240 sinise jaoks.
  • Küllastus määratleb värvi väärtuse protsendina, kus 0% tähendab halli varju, 100% täisvärvi korral.
  • Heledus töötab ka protsendina, mis määratleb 0% mustanahalistel, 50% ei ole heledad ega tumedad, kui 100% on mustad.

4. RGBA väärtus

  • Seda tüüpi HTML-värv määratleb RGB-värvi laienduse koos alfa-väärtusega. Kui alfa kasutatakse värvi läbipaistmatuse määratlemiseks.
  • Alfa väärtus on vahemikus 0, 0 (täielikult läbipaistev) kuni 1, 0 (ei ole üldse läbipaistev)
  • Näide on rgba (255, 99, 71, 0)

5. HSLA väärtus

  • See toimib samamoodi nagu HSL-i värvid, lisaks sellele, et määratleda värvi läbipaistmatus, lisaks alfa-väärtus.
  • hsla (8 100%, 80%, 0) täiesti läbipaistva värvi jaoks.
  • hsla (8 100%, 80%, 0, 9) mitte nii läbipaistva värvi jaoks.

Värvinime näited HTML-is

Vaatame allpool mainitud näidete abil, kuidas HTML-is värvinime kasutatakse:

Näide nr 1

Vaatleme üldist näidet, mis näitab, kuidas HTML-i värvinime kasutatakse:

HTML-kood:



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

Õpid ebaõnnestumisest rohkem kui edust. Ära lase sellel sind peatada. Rike loob iseloomu. Kui töötate millegi nimel, millest tegelikult hoolite, ei pea te seda lükkama. Visioon tõmbab sind

Väljund:

Näide 2

Nüüd võtame veel ühe näite, mis määratleb igat tüüpi HTML-i värvid järgmiselt:

HTML-kood:



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

Väljund:

Ülaltoodud näites näeme erinevate HTML-värvitüüpide kasutamist ja nende HTML-is nimetamist.

Näide 3

Veel üks HTML-i värvi kasutamine on elemendi äärise määramine, mis on järgmine:

Näites. Siin saame teie koodikerele lisada äärise, muutes nii tausta kui ka teksti värvi.

HTML-kood:

Eneseteostus teooria räägib ülesande täitmisele omase sisemise hüvega nagu tööga rahulolu, saavutustunne jne.

Väljund:

Järeldus

Me leidsime, et HTML-i värvid on määratletud erinevate nimede, protsentuaalse väärtuse, hex-väärtuse, alfa-väärtuse ja paljude teistega. Värvinime HTML-is kasutatakse teksti, tausta, ääre ja astmete värvimiseks. HTML-värvinime määratlemiseks RGB, heks, hsl, rgba, hsla on erinevad tüübid.

Soovitatavad artiklid

See on juhend värvinime HTML-is. Siin käsitleme sissejuhatust, värvinime tüüpe HTML-is koos näidete, süntaksi ja HTML-koodidega. Lisateavet leiate ka meie muudest soovitatud artiklitest -

  1. HTML-i stiili atribuut
  2. HTML-tabeli sildid
  3. Kujutise link HTML-is
  4. Looge HTML-is tabeleid
  5. HTML-i sündmused

Kategooria:

Veebiarenduse tööriistad