Introduksjon til fargenavn i HTML

Color Name i HTML spiller en veldig viktig rolle i prosessen med å utforme nettet og applikasjonen. Det hjelper til med å endre utseendet og følelsen på nettstedet eller applikasjonen vår. I tillegg til at det gjør applikasjonen vår mer attraktiv og interaktiv. Det er forskjellige måter å definere Color Name i HTML i HTML-kodingsformatet. man kan bruke flere CSS-egenskaper for å bruke dem mer effektivt. Vi kan bruke HTML-fargenavn på sidenivå ved å inkludere det i kroppsdelen, og også i stand til å angi individuell farge til det bestemte elementet. Fargenavn i HTML brukes med vilje for tekstfarge, bakgrunnsfarge, kantfarge, skygger, forløpninger og mange flere.

syntax

  • Det er forskjellige måter vi kan bruke HTML-farger på. La oss se en etter en.
  • Den helt grunnleggende bruken av HTML-farge er å bruke den på teksten. bare bruk som tekstfarge til å vise tekst i forskjellige HTML-farger.

1. Syntaks for tekstfarge

color : color_name;

La oss se hvordan denne syntaks vil fungere,

Welcome to EDUBCA

I eksemplet over vil den vise tekst Velkommen til EDUBCA i en blå farge som:

  • Ved hjelp av HTML-farger er det også mulig å legge dem til som bakgrunnsfarge.

2. Syntaks i bakgrunnsfargen

background-color:color_name;

La oss se hvordan denne syntaks vil fungere,

Kategorien rommer all designinformasjonen som sprer seg over en rekke underkategorier i designkurset.

  • Det er også mulig å legge til en farget kant rundt hvilken som helst tekst eller element ved å bruke HTML-farge ved å bruke følgende syntaks:

3. Kantfarge Syntaks: kant

value color_name;

La oss se hvordan denne syntaks vil fungere,

EDUCBA free certification course

Typer av fargenavnet i HTML

Det er forskjellige måter å definere fargenavnene i HTML. Det er vanskelig å huske et annet navn i forskjellige farger. Så det er å bli bestemt å gi noen verdier til forskjellige farger. La oss se en etter en

1. RGB-verdi

  • Det er en av måtene å definere HTML-fargenavn i kombinasjonen av røde, grønne og blå fargeformatverdier. Hvilken brukes for å definere fargeintensitet mellom tallet 0 til 255?
  • Anta at vi ønsker å definere en svart farge ved å bruke RGB-kombinasjon, så vil den like RGB (0, 0, 0). Her vil alle fargeparametere settes til 0. Så den vil vise en svart farge.
  • Som en annen RGB (0, 0255) vil farge blå vises, på grunn av 255 er satt som den høyeste verdien til blå og den andre er 0.
  • Hvis vi skal til 3 likeverdier av RGB, vil det generere nyanser av en grå farge.

Eksempel: RGB (0, 0, 0) for mørkeste farge der RGB (255, 255, 255) for lyseste farger.

2. HEX-verdi

  • Det er det mest brukte formatet til et fargenavn i HTML der fargenavnet vil bli definert i formatet til en heksadesimal verdi.
  • #rrggbb-format inkluderer verdier fra RR for rødt, gg for grønt og bb for blått er plassert i mellom 00 toff heksadesimal verdi.
  • La oss vurdere et eksempel på å definere farge # 00ff00. så disse verdiene vil bli generert farge grønt på grunn av grønt som inneholder den høyeste verdien (ff) der den andre skal settes til 00.

3. HSL-verdi

  • Et annet format for å definere HTML-farge i form av Hue, Saturation, Lightness.
  • Nå vil vi se alle begrepene en etter en. Fargetone er definert som fargenivået som kommer mellom 0 og 360. der 0 for rødt, 120 for grønt og 240 for blått.
  • Metning definerer verdien av farge i prosentandelen, der 0% sier gråskyggen der 100% er i full farge.
  • Lysstyrke fungerer også som prosentandelen som definerer 0% for svart, 50% er for verken lys eller mørk der 100% er for hvitt.

4. RGBA-verdi

  • Denne typen HTML-farger definerer utvidelse for RGB-farge inkludert alfaverdi. Hvor alfa brukes til å definere fargenes uklarhet.
  • Alfaverdien kommer mellom 0, 0 (helt gjennomsiktig) til 1, 0 (slett ikke gjennomsiktig)
  • Eksempel er rgba (255, 99, 71, 0)

5. HSLA-verdi

  • Den fungerer på samme måte som HSL-farger som i tillegg har alfaverdi med den for å definere fargens opacitet.
  • hsla (8.100%, 80%, 0) for full gjennomsiktig farge.
  • hsla (8.100%, 80%, 0.9) for ikke så mye gjennomsiktig farge.

Eksempler på fargenavn i HTML

La oss se hvordan fargenavn i HTML brukes ved hjelp av noen eksempler nevnt nedenfor:

Eksempel 1

La oss vurdere et generelt eksempel som viser hvordan eksempelfargenavn i HTML kommer til å brukes:

HTML-kode:



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

Du lærer mer om svikt enn fra suksess. Ikke la det stoppe deg. Feil bygger karakter. Hvis du jobber med noe du virkelig bryr deg om, trenger du ikke å bli dyttet. Visjonen trekker deg

Produksjon:

Eksempel 2

Nå tar vi et annet eksempel som vil definere alle typer HTML-farger som følger:

HTML-kode:



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

Produksjon:

I eksemplet over kan vi se bruken av forskjellige HTML-fargetyper og hvordan de heter i HTML.

Eksempel 3

En annen bruk av HTML-farge er å definere en grense til elementet, som er som følger:

I eksempel kan vi her legge til en ramme til kodekroppen, og endre bakgrunn og tekstfarge også.

HTML-kode:

Selvaktualiserende teori snakker om iboende fordeler som ligger i oppgaveutførelsen som arbeidsglede, følelse av prestasjon, etc.

Produksjon:

Konklusjon

Vi kom over at HTML-farger er definert med forskjellige navn, prosentverdi, sekskantverdi, alfaverdi og mange flere. Fargenavn i HTML brukes til å gjøre farge for tekst, for bakgrunn, for en kant, for graderinger. Det er forskjellige typer å definere HTML-fargenavn som RGB, hex, hsl, rgba, hsla.

Anbefalte artikler

Dette er en guide til fargenavn i HTML. Her diskuterer vi introduksjonen, Typer av fargenavn i HTML sammen med eksempler, syntaks og HTML-koder. Du kan også gå gjennom andre foreslåtte artikler for å lære mer -

  1. HTML stilattributt
  2. HTML-tabellkoder
  3. Bildelink i HTML
  4. Lag tabeller i HTML
  5. HTML-hendelser

Kategori:

Nettutviklingsverktøy