Boje igraju vitalnu ulogu u neverbalnom prenošenju informacija. Web stranica s interaktivnim bojama smatra se privlačnom i vizualno privlačnom. Postoje različite metode za primjenu boja za HTML elemente: RGB, RGBA, HEX kod, HSLA i HSL. Međutim, kodove boja možete pronaći pregledom stranice, odabirom boja iz alata za odabir boja ili korištenjem značajke kapaljke za oči na ploči alata za razvojne programere.
U ovoj studiji raspravljat ćemo o metodama pronalaženja koda boja u HTML-u
Metoda 1: Pronađite kod boje u HTML-u pregledom web stranice
Slijede koraci za pronalaženje koda boje pregledom stranice.
Korak 1: Otvorite web stranicu
Najprije otvorite traženu web stranicu:
Korak 2: Odaberite opciju pregleda
Desnom tipkom miša kliknite stranicu i odaberite ' Pregledati ' iz izbornika, koja će omogućiti pristup ' Razvojni alati ” ploča:
Kao rezultat toga, ' Elementi ” kartica će se prikazati na dnu preglednika:
Korak 3: Prilagodite mjesto ploče alata za razvojne programere
Klikom na tri točkice iz kuta možete odabrati položaj panela. Na primjer, odabrali smo zeleno označenu ikonu. Štoviše, prozoru za pregled može se promijeniti veličina povlačenjem njegovih kutova:
Korak 4: Odaberite element za pregled
Zatim kliknite na označenu ikonu kako biste odabrali element koji želite pregledati:
Korak 5: Odaberite element
Zadržite pokazivač miša nad elementom čiji kod boje treba pronaći i kliknite na njega. Kao rezultat toga, ' Stilovi ” otvara se kartica i prikazuje stilska svojstva odabranog elementa, odakle morate odabrati boju kao što je prikazano u zeleno označenom okviru:
Korak 6: Odaberite boju iz alata za odabir boja
Kopirajte kod boje iz otvorenog prozora alata za odabir boja:
Slika ispod pokazuje da boje možemo odabrati i klikom na male okvire u boji označene crvenom bojom. Dok žuti okvir predstavlja pokazivač koji se postupno mijenja kako bi se vidjela boja odabranog elementa:
Korak 7: Podesite neprozirnost boje
Također možete podesiti neprozirnost boje kao što je prikazano u GIF-u u nastavku:
Metoda 2: Pronađite kod boje u HTML-u pomoću značajke Eye Dropper
Značajka Eye dropper također se može koristiti za odabir bilo koje boje s web stranice. Ova značajka je vrlo zgodna jer može odabrati boju s bilo kojeg mjesta u prikazanom prozoru.
Bilješka: Značajka kapaljke za oči predstavljena je crvenim okvirom na donjoj slici:
Ovdje je demonstracija rada alata Eye dropper:
Nakon što odaberete boju za svoj element, kopirajte kod boje i zalijepite ga u CSS svog projekta.
Zaključak
Postoje različite metode za primjenu boja za HTML elemente: RGB, RGBA, HEX kod, HSLA i HSL. Možete pronaći kodove boja prema “ Inspekcija ' bilo koje web stranice ili odabirom boja iz ' birač boja ' i pomoću ' Kapaljka za oči ” značajka. Ovaj je članak demonstrirao postupak pronalaženja kodova boja u HTML-u s detaljnim primjerima.