Barve igrajo ključno vlogo pri neverbalnem posredovanju informacij. Spletno mesto z interaktivnimi barvami velja za privlačno in vizualno privlačno. Obstajajo različni načini za uporabo barv za elemente HTML: RGB, RGBA, HEX Code, HSLA in HSL. Vendar pa lahko barvne kode najdete tako, da pregledate stran, izberete barve v izbirniku barv ali uporabite funkcijo kapalke na plošči orodij za razvijalce.
V tej študiji bomo razpravljali o metodah za iskanje barvne kode v HTML
1. način: poiščite barvno kodo v HTML-ju tako, da pregledate spletno stran
Sledijo koraki za iskanje barvne kode s pregledovanjem strani.
1. korak: Odprite spletno stran
Najprej odprite zahtevano spletno stran:
2. korak: Izberite možnost pregleda
Z desno miškino tipko kliknite stran in izberite » Preglejte « v meniju, ki bo omogočil dostop do » Orodja za razvijalce ” plošča:
Kot rezultat, ' Elementi ” bo prikazan zavihek na dnu brskalnika:
3. korak: Prilagodite mesto plošče orodij za razvijalce
S klikom na tri pike iz kota lahko izberete postavitev plošče. Izbrali smo na primer zeleno označeno ikono. Poleg tega lahko oknu za pregled spremenite velikost tako, da povlečete njegove vogale:
4. korak: Izberite element za pregled
Nato kliknite na označeno ikono, da izberete element, ki ga želite pregledati:
5. korak: Izberite element
Premaknite miškin kazalec na element, katerega barvno kodo je treba najti, in kliknite nanj. Kot rezultat, ' Slogi ” se odpre zavihek in prikaže slogovne lastnosti izbranega elementa, kjer morate izbrati barvo, kot je prikazano z zeleno označenim poljem:
6. korak: Izberite barvo v izbirniku barv
Kopirajte barvno kodo iz odprtega okna izbirnika barv:
Spodnja slika kaže, da lahko barve izbiramo tudi s klikom na majhna barvna polja, označena z rdečo barvo. Medtem ko rumeno polje predstavlja kazalec, ki se postopoma spreminja, da se vidi barva izbranega elementa:
7. korak: Prilagodite motnost barve
Prilagodite lahko tudi motnost barve, kot je prikazano v spodnjem GIF-u:
2. način: Poiščite barvno kodo v HTML s funkcijo Eye Dropper
Funkcijo Eye dropper lahko uporabite tudi za izbiro katere koli barve s spletne strani. Ta funkcija je zelo priročna, saj lahko izberete barvo kjer koli v prikazanem oknu.
Opomba: Funkcijo kapalke za oči predstavlja rdeče označeno polje na spodnji sliki:
Tukaj je predstavitev delovanja orodja Eye dropper:
Ko izberete barvo za svoj element, kopirajte barvno kodo in jo prilepite v CSS svojega projekta.
Zaključek
Obstajajo različni načini za uporabo barv za elemente HTML: RGB, RGBA, HEX Code, HSLA in HSL. Barvne kode lahko najdete na ' Pregledovanje ” kateri koli spletni strani ali z izbiro barv iz “ izbirnik barv « in z uporabo » Kapalka za oči ”. Ta članek s podrobnimi primeri prikazuje postopek iskanja barvnih kod v HTML.