Hvordan finne en fargekode i HTML

Farger spiller en viktig rolle i å formidle informasjon ikke-verbalt. Et nettsted med interaktive farger anses som attraktivt og visuelt tiltalende. Det er forskjellige metoder for å bruke farger for HTML -elementene: RGB, RGBA, HEX -kode, HSLA og HSL. Imidlertid kan du finne fargekoder ved å inspisere siden, velge farger fra fargelukkeren, eller bruke Eye Dropper -funksjonen fra Developers Tool Panel.

I denne studien vil vi diskutere metodene for å finne fargekode i HTML

• Ved å inspisere siden
• Ved å bruke Eye Dropper -funksjonen

Metode 1: Finn en fargekode i HTML ved å inspisere websiden

Følgende er trinnene for å finne fargekoden ved å inspisere siden.

Trinn1: Åpne websiden

Åpne først den nødvendige websiden:

Trinn 2: Velg Inspiseralternativ

Høyreklikk på siden og velg “Undersøke”Alternativ fra menyen, som vil gi tilgang til“Utviklerverktøy”Panel:

Som et resultat, "Elementer”Fanen vises nederst i nettleseren:

Trinn 3: Juster stedet for utviklerverktøypanelet

Ved å klikke på de tre prikkene fra hjørnet, kan du velge plassering av panelet. For eksempel har vi valgt det grønne uthevede ikonet. Dessuten kan inspeksjonsvinduet endres ved å dra hjørnene:

Trinn 4: Velg element for å inspisere

Klikk deretter på det uthevede ikonet for å velge elementet du vil inspisere:

Trinn 5: Velg elementet

Hold elementet hvis fargekode må bli funnet og klikk på det. Som et resultat, "Stiler”Tab åpner og viser stylingegenskapene til det valgte elementet, hvor du må velge fargen som vist med den grønne uthevede boksen:

Trinn 6: Velg farge fra fargeplukker

Kopier fargekoden fra det åpne fargevinduet:

Bildet nedenfor indikerer at vi også kan velge farger ved å klikke på de små fargekassene uthevet med rød farge. Mens den gule boksen representerer en peker som gradvis endres for å se fargen på det valgte elementet:

Trinn 7: Juster fargenes opacitet

Du kan også justere fargen opacitet som demonstrert i GIF nedenfor:

Metode 2: Finn en fargekode i HTML ved å bruke Eye Dropper -funksjonen

Eye dropper -funksjonen kan også brukes til å velge hvilken som helst farge fra websiden. Denne funksjonen er veldig nyttig, da den kan velge en farge hvor som helst i det viste vinduet.

Merk: Øyedråperfunksjonen er representert med den røde uthevede boksen i bildet nedenfor:

Her er en demonstrasjon av arbeidet med øyedropperverktøyet:

Etter å ha valgt fargen for elementet ditt, kopierer du fargekoden og lim den inn i CSS i prosjektet ditt.

Konklusjon

Det er forskjellige metoder for å bruke farger for HTML -elementene: RGB, RGBA, HEX -kode, HSLA og HSL. Du kan finne fargekoder etter "Inspiser”Enhver webside eller ved å velge farger fra“fargevelger”Og ved å bruke“Øyedråper" trekk. Denne artikkelen har vist prosedyren for å finne fargekoder i HTML med detaljerte eksempler.