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 Code, HSLA og HSL. Du kan imidlertid finne fargekoder ved å inspisere siden, velge farger fra fargevelgeren eller bruke pipettefunksjonen fra utviklerverktøypanelet.
I denne studien skal vi diskutere metodene for å finne fargekode i HTML
Metode 1: Finn en fargekode i HTML ved å inspisere nettsiden
Følgende er trinnene for å finne fargekoden ved å inspisere siden.
Trinn 1: Åpne nettsiden
Først åpner du den nødvendige nettsiden:
Trinn 2: Velg Inspiser alternativ
Høyreklikk på siden og velg ' Undersøke '-alternativet fra menyen, som vil gi tilgang til ' Utviklerverktøy ” panel:
Som et resultat av ' Elementer '-fanen vises nederst i nettleseren:
Trinn 3: Juster plasseringen av utviklerverktøypanelet
Ved å klikke på de tre prikkene fra hjørnet kan du velge plasseringen av panelet. For eksempel har vi valgt det grønne uthevede ikonet. Dessuten kan inspeksjonsvinduet endres ved å dra i hjørnene:
Trinn 4: Velg element som skal inspiseres
Klikk deretter på det uthevede ikonet for å velge elementet du vil inspisere:
Trinn 5: Velg elementet
Hold markøren over elementet hvis fargekode må finnes og klikk på det. Som et resultat av ' Stiler ”-fanen åpnes og viser stilegenskapene til det valgte elementet, hvorfra du må velge fargen som vist i den grønne uthevede boksen:
Trinn 6: Velg farge fra fargevelger
Kopier fargekoden fra det åpnede fargevelgervinduet:
Bildet nedenfor indikerer at vi også kan velge farger ved å klikke på de små fargeboksene uthevet med rød farge. Mens den gule boksen representerer en peker som endres gradvis for å se fargen på det valgte elementet:
Trinn 7: Juster opasiteten til fargen
Du kan også justere fargeopasiteten som vist i GIF-en nedenfor:
Metode 2: Finn en fargekode i HTML ved å bruke pipettefunksjonen
Eye dropper-funksjonen kan også brukes til å velge hvilken som helst farge fra nettsiden. Denne funksjonen er veldig nyttig siden den kan velge en farge fra hvor som helst i vinduet som vises.
Merk: Eye dropper-funksjonen er representert av den røde uthevede boksen i bildet nedenfor:
Her er en demonstrasjon av hvordan pipetteverktøyet fungerer:
Etter å ha valgt fargen for elementet ditt, kopier fargekoden og lim den inn i CSS-en til prosjektet ditt.
Konklusjon
Det er forskjellige metoder for å bruke farger for HTML-elementene: RGB, RGBA, HEX Code, HSLA og HSL. Du kan finne fargekoder ved ' Inspiserer ' hvilken som helst nettside eller ved å velge farger fra ' fargevelger ' og bruke ' Øyedråper ' trekk. Denne artikkelen har demonstrert prosedyren for å finne fargekoder i HTML med detaljerte eksempler.