Ang mga kulay ay may mahalagang papel sa paghahatid ng impormasyon nang hindi pasalita. Ang isang website na may mga interactive na kulay ay itinuturing na kaakit-akit at kaakit-akit sa paningin. Mayroong iba't ibang paraan upang maglapat ng mga kulay para sa mga elemento ng HTML: RGB, RGBA, HEX Code, HSLA, at HSL. Gayunpaman, makakahanap ka ng mga color code sa pamamagitan ng pag-inspeksyon sa page, pagpili ng mga kulay mula sa color picker, o paggamit ng eye dropper feature mula sa Developers Tool panel.
Sa pag-aaral na ito, tatalakayin natin ang mga pamamaraan para sa paghahanap ng color code sa HTML
Paraan 1: Maghanap ng Color Code sa HTML Sa pamamagitan ng Pag-inspeksyon sa Web Page
Ang mga sumusunod ay ang mga hakbang upang mahanap ang color code sa pamamagitan ng pagsisiyasat sa pahina.
Hakbang 1: Buksan ang Web Page
Una, buksan ang kinakailangang web page:
Hakbang 2: Piliin ang Inspect Option
Mag-right-click sa pahina at piliin ang ' Siyasatin ” na opsyon mula sa menu, na magbibigay ng access sa “ Mga tool ng developer ” panel:
Bilang resulta, ang ' Mga elemento ” tab ay ipapakita sa ibaba ng browser:
Hakbang 3: Ayusin ang Lugar ng Developer Tool Panel
Sa pamamagitan ng pag-click sa tatlong tuldok mula sa sulok, maaari mong piliin ang pagkakalagay ng panel. Halimbawa, pinili namin ang berdeng naka-highlight na icon. Bukod dito, maaaring baguhin ang laki ng inspect window sa pamamagitan ng pag-drag sa mga sulok nito:
Hakbang 4: Piliin ang Elemento upang Siyasatin
Pagkatapos, mag-click sa naka-highlight na icon upang piliin ang elemento na gusto mong suriin:
Hakbang 5: Piliin ang Elemento
I-hover ang elemento na kailangang mahanap ang color code at i-click ito. Bilang resulta, ang ' Mga istilo ” na tab ay bubukas at ipinapakita ang mga katangian ng pag-istilo ng napiling elemento, kung saan kailangan mong piliin ang kulay tulad ng ipinapakita ng berdeng naka-highlight na kahon:
Hakbang 6: Pumili ng Kulay Mula sa Tagapili ng Kulay
Kopyahin ang color code mula sa binuksan na color picker window:
Ang larawan sa ibaba ay nagpapahiwatig na maaari rin tayong pumili ng mga kulay sa pamamagitan ng pag-click sa maliliit na kahon ng kulay na naka-highlight ng pulang kulay. Samantalang ang dilaw na kahon ay kumakatawan sa isang pointer na unti-unting nagbabago upang makita ang kulay ng napiling elemento:
Hakbang 7: Ayusin ang Opacity ng Kulay
Maaari mo ring isaayos ang opacity ng kulay tulad ng ipinakita sa GIF sa ibaba:
Paraan 2: Maghanap ng Color Code sa HTML Sa pamamagitan ng Paggamit ng Eye Dropper Feature
Ang tampok na Eye dropper ay maaari ding gamitin upang pumili ng anumang kulay mula sa web page. Ang tampok na ito ay napaka-madaling gamitin dahil maaari itong pumili ng isang kulay mula sa kahit saan sa ipinapakitang window.
Tandaan: Ang tampok na Eye dropper ay kinakatawan ng pulang naka-highlight na kahon sa larawan sa ibaba:
Narito ang isang pagpapakita ng paggana ng tool ng Eye dropper:
Pagkatapos piliin ang kulay para sa iyong elemento, kopyahin ang code ng kulay at i-paste ito sa CSS ng iyong proyekto.
Konklusyon
Mayroong iba't ibang paraan upang maglapat ng mga kulay para sa mga elemento ng HTML: RGB, RGBA, HEX Code, HSLA, at HSL. Makakahanap ka ng mga color code sa pamamagitan ng “ Iniinspeksyon ' anumang web page o sa pamamagitan ng pagpili ng mga kulay mula sa ' tagapili ng kulay 'at gamit ang' Patak ng mata ” tampok. Ipinakita ng artikulong ito ang pamamaraan para sa paghahanap ng mga color code sa HTML na may mga detalyadong halimbawa.