HTML tillater nettutviklere å bruke forskjellige farger på websider for å gjøre dem attraktive. Farger er et viktig verktøy for å skape et bedre utseende for applikasjonen vår. Nettsidene som har interaktive farger er de mest sannsynlige og grep brukeren til brukeren lett. Det hjelper også brukerne å kommunisere med applikasjonen og forstå handlingen. Dessuten tilbyr HTML forskjellige metoder for å bruke farge på innholdet.

Denne guiden vil demonstrere:

• Hva er HTML -fargekoder?
• Hvordan bruke farger i HTML?
• Metode 1: Bruke farger i HTML ved hjelp av HEX -kodeverdier
• Metode 2: Bruke farger i HTML ved hjelp av RGB
• Metode 3: Bruke farger i HTML ved hjelp av HSL

La oss komme i gang!

Hva er HTML -fargekoder?

HTML -fargekoder er identifikatorene som bruker farger på websiden. De vanlige HTML -fargekodene er tastaturnavn, "Heksadesimal kode”,“RGB (rød, grønn, blå)”, Og“HSL (fargetone, metning, letthet)”.

Hvordan bruke farger i HTML?

I HTML er det tre metoder for å bruke farger på en webside som bruker:

• HEX -kodeverdier
• RGB
• HSL

Vi vil diskutere hver av dem ved hjelp av implementering. For det første kreves det å opprette en HTML -fil.

Eksempel: Bruke farger i HTML ved hjelp av fargenavn
I HTML -filen, legg til en div inne i kroppskoden. Sett Div Class -navnet som “container”. Lag to elementer for overskrift og avsnitt i Div:

HEI VERDEN!

Avsnittet starter herfra ..

De ekstra HTML -elementene vil se slik ut:

La oss gjøre websiden mer tiltalende ved å bruke noen stiler. For å gjøre det, ta med taggen i HTML -filhodeseksjonen. Inne i stilmerket, bruk CSS -stiler for Div slik:

Den ovennevnte koden inneholder CSS-egenskapene for DIV-klassen, som er listet opp nedenfor:

• “.container”Representerer klassen Div.
• “bakgrunnsfarge”Eiendom brukes til å bruke bakgrunnsfargen på DIV.
• “Margin: Auto”Bruker margin fra alle sider av div.
• “Tekstalign: Center”Juster tekst i midten av div.
• “høyde”Og“bredde”Kan tilordnes i henhold til brukerpreferanser.

Produksjon

Som vi kan se, “bakgrunnsfarge”Eiendom til Div blir nå endret til“tistel”Fra hvitt. Slik bruker vi farger på websidene våre ved bare å bruke fargenavn. For å dra nytte av forskjellige fargeskinn, er det imidlertid tre metoder for å bruke farger ved å bruke fargekoder.

Metode 1: Bruke farger i HTML ved hjelp av HEX -kodeverdier

“HEX -kodeverdier”Er de heksadesimale verdiene som kan brukes til fargeapplikasjon i HTML.

Syntaks
Du kan skrive fargekode i dette formatet:

#RRGGBB

I ovennevnte syntaks, “rr”Er for rødt,”gg”Er for grønt, og“bb”Er for blått.

Ta en titt på tabellen nedenfor som representerer fargen og deres heksadesimale verdier:

Farge	Heksadesimal kodeverdi
rød	#FF0000
Blå	#0000ff
Grønn	#00ff00
Hvit	#FFFFFF
Svart	#000000

Eksempel
La oss fortsette det samme eksemplet og endre fargen på div til rødt ved hjelp av en heksadesimal kodeverdi. For å gjøre det, endre bakgrunnsfargeverdien fra “tistel" til "#FF0000" følgende:

bakgrunnsfarge: #FF0000;

Det kan observeres at bakgrunnsfargen på Div blir endret til rødt:

Metode 2: Bruke farger i HTML ved hjelp av RGB -kode

“RGB”Er fargevalget eller modellen som bruker primærfarger rød, grønn og blå av lys. Ulike verdier av disse fargene kan legges til for å generere flere farger.

Syntaks
RGB -ordningen fungerer i henhold til den gitte formelen:

RGB (rød, blå, grønn)

La oss se på noen farger med sine RGB -verdier:

Farger	RGB fargekode
rød	RGB (255,0,0)
Grønn	RGB (0,255,0)
Blå	RGB (0,0,255)
Hvit	RGB (255.255.255)
Blå	RGB (0,0,0)

Eksempel
Her er demonstrasjonen av å endre bakgrunnsfargen på vår div til “gul”Ved å bruke RGB -kode. “bakgrunnsfarge”Er satt som“RGB (0,0,255)”, Som er den gule RGB -fargekoden:

bakgrunnsfarge: RGB (255, 255, 0);

Etter å ha tilordnet RGB (255,255,0) -verdien til bakgrunnsfargede egenskaper, sjekk resultatene nedenfor:

Metode 3: Bruke farger i HTML ved hjelp av HSL

I HTML kan fargene også defineres ved hjelp av "HSL” Hue, Saturasjon, og Lightness. For dette formålet er det nødvendig å bruke HSL -fargekodemetoden.

Syntaks
Formatet til HSL () fargemetode er sitert nedenfor:

HSL (fargetone, metning, letthet)

I RGB-fargehjulet betegner hver farge en vinkel og prosentverdi for de nedenfor børsnoterte faktorene:

• Fargetone: Det brukes til å representere graden, 0 til 360 på RGB -fargehjulet.
• Metning: Det er prosentverdien, der 0% betyr en grå nyanse, og 100% er fullfarge.
• Letthet: Det er prosentverdien, der 0% indikerer svart, og 100% er for hvitt.

Eksempel
La oss endre ovennevnte “div”Farge til en grønn nyanse som har en fargetone“av 106”Grader, metning” av 73%”Og letthet” av 58%”:

bakgrunnsfarge: HSL (106, 73%, 58%);

Resultatet vises nedenfor:

Værsågod! Du har lært de tre metodene for å bruke farger i HTML.

Konklusjon

HTML -fargekoder er identifikatorer for å bruke forskjellige farger. Bortsett fra å bruke bare fargenavnet, tillater HTML oss å bruke tre metoder: HEX -kodeverdier, RGB -farger og HSL. Du kan bruke disse fargene på et hvilket som helst HTML -element ved å angi verdiene til disse kodene. Denne oppskrivningen demonstrerte metodene for å bruke farger i HTML.