4 Cara Mendapatkan Kod Heks Warna pada Skrin Komputer Anda

Isi kandungan:

4 Cara Mendapatkan Kod Heks Warna pada Skrin Komputer Anda
4 Cara Mendapatkan Kod Heks Warna pada Skrin Komputer Anda

Video: 4 Cara Mendapatkan Kod Heks Warna pada Skrin Komputer Anda

Video: 4 Cara Mendapatkan Kod Heks Warna pada Skrin Komputer Anda
Video: Cara Merapikan Atau Mengembalikan Icon Dekstop Windows 7, 10 Dengan Cepat | Mengunci Ikon di Dektop 2024, April
Anonim

Warna dikenal pasti dalam HTML dan CSS dengan kod heksadesimal mereka. Sekiranya anda membuat laman web atau projek HTML lain dan ingin memasukkan elemen yang sesuai dengan warna tertentu dalam gambar, laman web, atau tetingkap di skrin komputer anda, anda perlu mencari kod hex warna. WikiHow ini mengajar anda bagaimana menggunakan pelbagai alat percuma untuk mengenal pasti kod hex dengan warna apa pun dengan cepat.

Langkah-langkah

Kaedah 1 dari 4: Menggunakan Meter Warna Digital pada Mac

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 1
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 1

Langkah 1. Buka Meter Warna Digital pada Mac anda

Alat ini, yang dilengkapi dengan macOS, dapat mengenal pasti nilai warna warna apa pun di skrin. Buka Pencari, klik dua kali pada Permohonan folder, klik dua kali pada Utiliti folder, dan kemudian klik dua kali Meter Warna Digital untuk membukanya.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 2
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 2

Langkah 2. Gerakkan kursor tetikus ke warna yang ingin anda kenal pasti

Semasa anda menggerakkan tetikus, nilai dalam alat akan dikemas kini dalam masa nyata. Jangan alihkan tetikus anda dari lokasi ini sehingga anda mengunci bukaan mendatar dan menegak.

Anda juga boleh menggunakan alat untuk mengenal pasti warna di web. Cukup buka Safari (atau penyemak imbas pilihan anda) dan arahkan ke laman web yang mengandungi warna yang ingin anda kenal pasti

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 3
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 3

Langkah 3. Tekan ⌘ Command + L

Ini mengunci bukaan mendatar dan menegak, yang bermaksud nilai warna tidak akan berubah semasa anda menggerakkan tetikus.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 4
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 4

Langkah 4. Tekan ⇧ Shift + ⌘ Command + C untuk menyalin kod hex ke papan keratan

Anda juga boleh menyalin kod hex dengan mengklik Warna menu dan memilih Salin Warna sebagai Teks.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 5
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 5

Langkah 5. Tekan ⌘ Command + V untuk menampal kod yang disalin

Anda boleh menampalnya terus ke kod HTML, fail teks, atau kawasan menaip lain.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 6
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 6

Langkah 6. Tekan ⌘ Command + L untuk membuka kunci bukaan

Sekiranya anda ingin mengenal pasti warna lain, ini melepaskan kunci sehingga kursor sekali lagi bertindak sebagai pengecam nilai warna.

Kaedah 2 dari 4: Menggunakan Cop Warna untuk Windows

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 7
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 7

Langkah 1. Pasang Cop Warna

Color Cop adalah utiliti kecil dan percuma yang dapat anda gunakan untuk mengenal pasti kod hex warna apa pun di skrin dengan cepat. Inilah cara mendapatkan aplikasinya:

  • Pergi ke https://colorcop.net/download dalam penyemak imbas web.
  • Klik colorcop-setup.exe di bawah "memasang sendiri." Sekiranya fail tidak memuat turun secara automatik, klik Jimat atau okey untuk memulakan muat turun.
  • Klik dua kali fail yang dimuat turun (ada di Muat turun folder, dan biasanya di sudut kiri bawah tab penyemak imbas).
  • Ikuti arahan di skrin untuk memasang aplikasi.
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 8
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 8

Langkah 2. Buka Cop Warna

Anda akan menemuinya di menu Mula anda.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 9
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 9

Langkah 3. Seret ikon pipet ke warna yang ingin anda kenal pasti

Anda boleh mengenal pasti warna apa pun di skrin, termasuk warna dalam aplikasi lain dan di laman web.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 10
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 10

Langkah 4. Lepaskan butang tetikus untuk mendedahkan kod hex

Kod akan muncul di tempat kosong di bahagian tengah aplikasi.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 11
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 11

Langkah 5. Klik dua kali kod hex dan tekan Ctrl + C

Ini menyalin kod hex ke papan keratan anda.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 12
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 12

Langkah 6. Tampal kod di mana anda memerlukannya

Anda boleh menggunakan Ctrl + V untuk menampal kod hex di mana sahaja anda mahu, seperti dalam kod HTML atau CSS anda.

Kaedah 3 dari 4: Menggunakan Imagecolorpicker.com

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 13
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 13

Langkah 1. Pergi ke https://imagecolorpicker.com di komputer, telefon atau tablet anda

Anda boleh menggunakan alat percuma ini untuk mengenal pasti kod hex warna apa pun dalam gambar yang dimuat naik. Kaedah ini akan berfungsi di mana-mana penyemak imbas web, termasuk yang ada di Android, iPhone, atau iPad anda.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 14
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 14

Langkah 2. Muat naik gambar atau masukkan URL

Anda perlu memutuskan sama ada anda mahu memuat naik gambar anda sendiri atau menggunakan gambar atau laman web yang sudah dalam talian. Mana-mana kaedah boleh digunakan untuk menampilkan gambar atau laman web untuk anda memilih warna yang anda inginkan.

  • Untuk memuat naik gambar, tatal ke bawah dan pilih Muat naik gambar anda, arahkan ke gambar di komputer, telefon, atau tablet anda, dan pilih pilihan untuk memuat naiknya.
  • Untuk menggunakan laman web, tatal ke bawah ke pilihan "Gunakan kotak ini untuk mendapatkan kod warna HTML dari laman web", masukkan URL, lalu klik atau ketuk Ambil laman web.
  • Untuk memilih gambar langsung di web dan bukan keseluruhan laman web, masukkan URL gambar ke dalam kotak "Gunakan kotak ini untuk mendapatkan kod warna HTML dari gambar melalui URL ini", kemudian klik atau ketuk Ambil gambar.
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 15
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 15

Langkah 3. Klik atau ketuk warna yang anda mahukan dalam pratonton gambar / laman web

Ini memaparkan kod hex warna di sudut kiri bawah skrin.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 16
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 16

Langkah 4. Klik atau ketuk ikon salin untuk menyalin kod hex ke papan keratan anda

Ini adalah dua petak yang bertindih di sebelah kanan kod hex. Anda kemudian boleh menempelkannya ke mana-mana fail teks atau kawasan menaip.

Kaedah 4 dari 4: Menggunakan Firefox (untuk Warna di Web)

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 17
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 17

Langkah 1. Buka Firefox pada PC atau Mac anda

Penyemak imbas web Firefox dilengkapi dengan alat Eyedropper percuma yang boleh anda gunakan untuk mengenal pasti kod hex warna apa pun di web. Sekiranya anda mempunyai Firefox, anda akan menemuinya di menu Mula (Windows) atau di folder Aplikasi (macOS).

  • Anda boleh memuat turun Firefox secara percuma di
  • Firefox hanya akan memberitahu anda nilai warna di laman web. Anda tidak boleh menggunakannya di luar penyemak imbas.
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 18
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 18

Langkah 2. Pergi ke laman web yang mengandungi warna yang ingin anda kenal pasti

Pastikan elemen yang anda perlukan warna kelihatan.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 19
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 19

Langkah 3. Klik menu ☰

Ini adalah tiga garis mendatar di sudut kanan atas Firefox.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 20
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 20

Langkah 4. Klik menu Pembangun Web

Menu lain akan berkembang.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 21
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 21

Langkah 5. Klik Eyedropper

Kursor tetikus anda akan berubah menjadi bulatan besar.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 22
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 22

Langkah 6. Klik warna yang ingin anda kenal pasti

Anda akan melihat nilai hex warna dikemas kini secara langsung semasa anda menggerakkan tetikus ke lokasi. Setelah anda mengklik tetikus, Firefox akan menyimpan kod hex ke papan keratan anda.

Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 23
Dapatkan Kod Heks Warna pada Skrin Komputer Anda Langkah 23

Langkah 7. Tampalkan kod di mana anda memerlukannya

Anda boleh menggunakan Kawal + V (PC) atau Perintah + V (Mac) untuk menampal kod hex ke dalam HTML, CSS, atau jenis fail teks anda yang lain.

Petua

  • Terdapat laman web lain, pelanjutan penyemak imbas, dan program penyuntingan gambar yang juga memungkinkan anda menggunakan pemilih warna untuk mengungkapkan kod hex warna.
  • Sekiranya anda tahu siapa yang membuat laman web dengan warna yang anda cuba padankan, anda selalu boleh bertanya kepada mereka kod hex apa yang mereka gunakan. Sebagai alternatif, anda boleh menggali kod sumber laman web untuk mencari kod hex yang disenaraikan di sana.

Disyorkan: