4 Mga Paraan upang Makuha ang Hex Code ng isang Kulay sa iyong Computer Screen

Talaan ng mga Nilalaman:

4 Mga Paraan upang Makuha ang Hex Code ng isang Kulay sa iyong Computer Screen
4 Mga Paraan upang Makuha ang Hex Code ng isang Kulay sa iyong Computer Screen

Video: 4 Mga Paraan upang Makuha ang Hex Code ng isang Kulay sa iyong Computer Screen

Video: 4 Mga Paraan upang Makuha ang Hex Code ng isang Kulay sa iyong Computer Screen
Video: How To Easily Restore Missing Desktop Icons | Windows 10 2024, Marso
Anonim

Ang mga kulay ay nakilala sa HTML at CSS sa pamamagitan ng kanilang mga hexadecimal code. Kung lumilikha ka ng isang webpage o iba pang proyekto sa HTML at nais na magsama ng isang elemento na tumutugma sa isang tukoy na kulay sa isang imahe, website, o window sa iyong computer screen, kakailanganin mong hanapin ang hex code ng kulay. Itinuturo sa iyo ng wikiHow na ito kung paano gumamit ng iba't ibang mga libreng tool upang mabilis na makilala ang hex code ng anumang kulay.

Mga hakbang

Paraan 1 ng 4: Paggamit ng Digital Color Meter sa isang Mac

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 1
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 1

Hakbang 1. Buksan ang Digital Color Meter sa iyong Mac

Ang tool na ito, na kasama ng macOS, ay maaaring makilala ang halaga ng kulay ng anumang kulay sa screen. Buksan ang Finder, i-double click ang Mga Aplikasyon folder, i-double click ang Mga utility folder, at pagkatapos ay mag-double click Digital Color Meter upang buksan ito

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 2
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 2

Hakbang 2. Ilipat ang mouse cursor sa kulay na nais mong makilala

Habang inililipat mo ang mouse, ang mga halaga sa tool ay mag-a-update sa real-time. Huwag ilipat ang iyong mouse mula sa lokasyon na ito hanggang sa ma-lock mo ang parehong pahalang at patayong mga aperture.

Maaari mong gamitin ang tool upang makilala ang mga kulay sa web din. Buksan lamang ang Safari (o ang iyong ginustong browser) at mag-navigate sa isang website na naglalaman ng kulay na nais mong kilalanin

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 3
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 3

Hakbang 3. Pindutin ang ⌘ Command + L

Ini-lock nito ang parehong pahalang at patayong mga aperture, na nangangahulugang hindi magbabago ang halaga ng kulay kapag inilipat mo ang mouse.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 4
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 4

Hakbang 4. Pindutin ang ⇧ Shift + ⌘ Command + C upang kopyahin ang hex code sa clipboard

Maaari mo ring kopyahin ang hex code sa pamamagitan ng pag-click sa Kulay menu at pagpili Kopyahin ang Kulay bilang Teksto.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 5
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 5

Hakbang 5. Pindutin ang ⌘ Command + V upang i-paste ang nakopya na code

Maaari mong i-paste ito nang direkta sa iyong HTML code, isang text file, o anumang iba pang lugar ng pagta-type.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 6
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 6

Hakbang 6. Pindutin ang ⌘ Command + L upang i-unlock ang mga aperture

Kung nais mong makilala ang isa pang kulay, ilalabas nito ang lock kaya't ang cursor ay muling kumilos bilang isang tagakilala ng halaga ng kulay.

Paraan 2 ng 4: Paggamit ng Color Cop para sa Windows

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 7
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 7

Hakbang 1. I-install ang Kulay Cop

Ang Color Cop ay isang maliit, libreng utility na magagamit mo upang mabilis na makilala ang hex code ng anumang kulay sa screen. Narito kung paano makuha ang app:

  • Pumunta sa https://colorcop.net/download sa isang web browser.
  • Mag-click colorcop-setup.exe sa ilalim ng "pag-install ng sarili." Kung ang file ay hindi awtomatikong mag-download, mag-click Magtipid o OK lang upang simulan ang pag-download.
  • I-double click ang na-download na file (nasa Mga Pag-download folder, at karaniwan ay sa ibabang kaliwang sulok ng tab ng browser).
  • Sundin ang mga tagubilin sa screen upang mai-install ang application.
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 8
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 8

Hakbang 2. Buksan ang Kulay Cop

Mahahanap mo ito sa iyong Start menu.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 9
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 9

Hakbang 3. I-drag ang icon ng eyedropper sa kulay na nais mong makilala

Maaari mong makilala ang anumang kulay sa screen, kabilang ang mga nasa iba pang mga application at sa mga website.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 10
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 10

Hakbang 4. Hayaan ang pindutan ng mouse upang ipakita ang hex code

Ang code ay lilitaw sa blangko sa gitna ng application.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 11
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 11

Hakbang 5. I-double click ang hex code at pindutin ang Ctrl + C

Kinokopya nito ang hex code sa iyong clipboard.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 12
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 12

Hakbang 6. I-paste ang code kung saan mo kailangan ito

Pwede mong gamitin Ctrl + V upang i-paste ang hex code kahit saan mo nais, tulad ng sa iyong HTML o CSS code.

Paraan 3 ng 4: Paggamit ng Imagecolorpicker.com

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 13
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 13

Hakbang 1. Pumunta sa https://imagecolorpicker.com sa iyong computer, telepono, o tablet

Maaari mong gamitin ang libreng tool na ito upang makilala ang hex code ng anumang kulay sa isang nai-upload na imahe. Gagana ang pamamaraang ito sa anumang web browser, kabilang ang mga nasa iyong Android, iPhone, o iPad.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 14
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 14

Hakbang 2. Mag-upload ng isang imahe o magpasok ng isang URL

Kakailanganin mong magpasya kung nais mong mag-upload ng iyong sariling imahe o gumamit ng isang imahe o website na online. Ang alinmang pamamaraan ay maaaring magamit upang maipakita ang isang larawan o webpage para mapili mo ang iyong nais na kulay.

  • Upang mag-upload ng isang imahe, mag-scroll pababa at piliin I-upload ang iyong imahe, mag-navigate sa imahe sa iyong computer, telepono, o tablet, at piliin ang pagpipilian upang i-upload ito.
  • Upang magamit ang isang website, mag-scroll pababa sa pagpipiliang "Gamitin ang kahon na ito upang makuha ang code ng kulay ng HTML mula sa isang website," ipasok ang URL, at pagkatapos ay mag-click o i-tap Kumuha ng website.
  • Upang pumili ng isang direktang imahe sa web sa halip na isang buong website, ipasok ang URL sa imahe sa kahon na "Gamitin ang kahon na ito upang makuha ang code ng kulay ng HTML mula sa isang larawan sa pamamagitan ng URL na ito," pagkatapos ay mag-click o i-tap Kumuha ng imahe.
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 15
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 15

Hakbang 3. I-click o i-tap ang kulay na gusto mo sa loob ng preview ng imahe / site

Ipinapakita nito ang color hex code sa ibabang kaliwang sulok ng screen.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 16
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 16

Hakbang 4. I-click o i-tap ang icon ng kopya upang kopyahin ang hex code sa iyong clipboard

Ito ang dalawang magkakapatong na mga parisukat sa kanan ng hex code. Maaari mo ring i-paste ito sa anumang teksto ng file o lugar ng pagta-type.

Paraan 4 ng 4: Paggamit ng Firefox (para sa Mga Kulay sa Web)

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 17
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 17

Hakbang 1. Buksan ang Firefox sa iyong PC o Mac

Ang Firefox web browser ay mayroong isang libreng tool na Eyedropper na maaari mong gamitin upang makilala ang hex code ng anumang kulay sa web. Kung mayroon kang Firefox, mahahanap mo ito sa Start menu (Windows) o sa folder ng Mga Application (macOS).

  • Maaari mong i-download ang Firefox nang libre sa
  • Sasabihin lamang sa iyo ng Firefox ang halaga ng isang kulay sa isang website. Hindi mo ito magagamit sa labas ng browser.
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 18
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 18

Hakbang 2. Pumunta sa isang website na naglalaman ng kulay na nais mong makilala

Tiyaking nakikita ang elemento na kailangan mo ng kulay.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 19
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 19

Hakbang 3. I-click ang menu ☰

Ito ang tatlong mga pahalang na linya sa kanang tuktok na sulok ng Firefox.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 20
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 20

Hakbang 4. I-click ang menu ng Developer ng Web

Ang isa pang menu ay lalawak.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 21
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 21

Hakbang 5. I-click ang Eyedropper

Ang iyong mouse cursor ay magiging isang malaking bilog.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 22
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 22

Hakbang 6. I-click ang kulay na nais mong makilala

Mapapansin mo ang hex na halaga ng mga pag-update ng mga kulay nang live habang inililipat mo ang mouse sa lokasyon. Kapag na-click mo ang mouse, mai-save ng Firefox ang hex code sa iyong clipboard.

Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 23
Kunin ang Hex Code ng isang Kulay sa iyong Computer Screen Hakbang 23

Hakbang 7. I-paste ang code kung saan kailangan mo ito

Pwede mong gamitin Kontrolin + V (PC) o Command + V (Mac) upang mai-paste ang hex code sa iyong HTML, CSS, o anumang iba pang uri ng text file.

Mga Tip

  • Mayroong iba pang mga website, mga extension ng browser, at mga programa sa pag-edit ng imahe na magpapahintulot din sa iyo na gumamit ng isang tagapili ng kulay upang ibunyag din ang hex code ng kulay.
  • Kung alam mo kung sino ang lumikha ng webpage na may kulay na sinusubukan mong itugma, maaari mong palaging tanungin sa kanila kung anong hex code ang ginamit nila. Bilang kahalili, maaari kang maghukay sa source code ng website upang makita ang hex code na nakalista doon.

Inirerekumendang: