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
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.
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
Langkah 3. Tekan ⌘ Command + L
Ini mengunci bukaan mendatar dan menegak, yang bermaksud nilai warna tidak akan berubah semasa anda menggerakkan tetikus.
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.
Langkah 5. Tekan ⌘ Command + V untuk menampal kod yang disalin
Anda boleh menampalnya terus ke kod HTML, fail teks, atau kawasan menaip lain.
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
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.
Langkah 2. Buka Cop Warna
Anda akan menemuinya di menu Mula anda.
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.
Langkah 4. Lepaskan butang tetikus untuk mendedahkan kod hex
Kod akan muncul di tempat kosong di bahagian tengah aplikasi.
Langkah 5. Klik dua kali kod hex dan tekan Ctrl + C
Ini menyalin kod hex ke papan keratan anda.
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
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.
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.
Langkah 3. Klik atau ketuk warna yang anda mahukan dalam pratonton gambar / laman web
Ini memaparkan kod hex warna di sudut kiri bawah skrin.
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)
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.
Langkah 2. Pergi ke laman web yang mengandungi warna yang ingin anda kenal pasti
Pastikan elemen yang anda perlukan warna kelihatan.
Langkah 3. Klik menu ☰
Ini adalah tiga garis mendatar di sudut kanan atas Firefox.
Langkah 4. Klik menu Pembangun Web
Menu lain akan berkembang.
Langkah 5. Klik Eyedropper
Kursor tetikus anda akan berubah menjadi bulatan besar.
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.
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.