Warna diidentifikasi dalam HTML dan CSS dengan kode heksadesimalnya. Jika Anda membuat halaman web atau proyek HTML lainnya dan ingin menyertakan elemen yang cocok dengan warna tertentu dalam gambar, situs web, atau jendela di layar komputer, Anda harus menemukan kode hex warna. Artikel wikiHow ini akan mengajarkan kepada Anda cara menggunakan berbagai alat gratis untuk mengidentifikasi kode hex warna dengan cepat.
Langkah
Metode 1 dari 4: Menggunakan Pengukur Warna Digital di Mac
Langkah 1. Buka Pengukur Warna Digital di Mac Anda
Alat ini, yang disertakan dengan macOS, dapat mengidentifikasi nilai warna dari warna apa pun di layar. Buka Finder, klik dua kali Aplikasi folder, klik dua kali Keperluan folder, lalu klik dua kali Pengukur Warna Digital untuk membukanya.
Langkah 2. Gerakkan kursor mouse ke warna yang ingin Anda identifikasi
Saat Anda menggerakkan mouse, nilai dalam alat akan diperbarui secara real-time. Jangan gerakkan mouse Anda dari lokasi ini sampai Anda mengunci bukaan horizontal dan vertikal.
Anda juga dapat menggunakan alat ini untuk mengidentifikasi warna di web. Cukup buka Safari (atau browser pilihan Anda) dan navigasikan ke situs web yang berisi warna yang ingin Anda identifikasi
Langkah 3. Tekan Command+L
Ini mengunci bukaan horizontal dan vertikal, yang berarti nilai warna tidak akan berubah saat Anda menggerakkan mouse.
Langkah 4. Tekan Shift+ Command+C untuk menyalin kode hex ke clipboard
Anda juga dapat menyalin kode hex dengan mengklik Warna menu dan memilih Salin Warna sebagai Teks.
Langkah 5. Tekan Command+V untuk menempelkan kode yang disalin
Anda dapat menempelkannya langsung ke kode HTML, file teks, atau area pengetikan lainnya.
Langkah 6. Tekan Command+L untuk membuka aperture
Jika Anda ingin mengidentifikasi warna lain, ini akan melepaskan kunci sehingga kursor sekali lagi bertindak sebagai pengidentifikasi nilai warna.
Metode 2 dari 4: Menggunakan Color Cop untuk Windows
Langkah 1. Instal Color Cop
Color Cop adalah utilitas kecil gratis yang dapat Anda gunakan untuk mengidentifikasi kode hex warna apa pun dengan cepat di layar. Berikut cara mendapatkan aplikasinya:
- Buka https://colorcop.net/download di browser web.
- Klik colorcop-setup.exe di bawah "menginstal sendiri." Jika file tidak terunduh secara otomatis, klik Menyimpan atau oke untuk memulai pengunduhan.
- Klik dua kali file yang diunduh (ada di Unduhan folder, dan biasanya di pojok kiri bawah tab browser).
- Ikuti petunjuk di layar untuk menginstal aplikasi.
Langkah 2. Buka Color Cop
Anda akan menemukannya di menu Start Anda.
Langkah 3. Seret ikon penetes mata ke warna yang ingin Anda identifikasi
Anda dapat mengidentifikasi warna apa pun di layar, termasuk yang ada di aplikasi lain dan di situs web.
Langkah 4. Lepaskan tombol mouse untuk membuka kode hex
Kode akan muncul di tempat kosong di tengah aplikasi.
Langkah 5. Klik dua kali kode hex dan tekan Ctrl+C
Ini menyalin kode hex ke clipboard Anda.
Langkah 6. Tempelkan kode di tempat yang Anda butuhkan
Anda dapat gunakan Ctrl + V untuk menempelkan kode hex di mana pun Anda inginkan, seperti di kode HTML atau CSS Anda.
Metode 3 dari 4: Menggunakan Imagecolorpicker.com
Langkah 1. Buka https://imagecolorpicker.com di komputer, ponsel, atau tablet Anda
Anda dapat menggunakan alat gratis ini untuk mengidentifikasi kode hex warna apa pun dalam gambar yang diunggah. Metode ini akan berfungsi di browser web apa pun, termasuk yang ada di Android, iPhone, atau iPad Anda.
Langkah 2. Unggah gambar atau masukkan URL
Anda harus memutuskan apakah Anda ingin mengunggah gambar Anda sendiri atau menggunakan gambar atau situs web yang sudah online. Metode mana pun dapat digunakan untuk menampilkan gambar atau halaman web agar Anda dapat memilih warna yang diinginkan.
- Untuk mengunggah gambar, gulir ke bawah dan pilih Unggah gambar Anda, navigasikan ke gambar di komputer, ponsel, atau tablet Anda, dan pilih opsi untuk mengunggahnya.
- Untuk menggunakan situs web, gulir ke bawah ke opsi "Gunakan kotak ini untuk mendapatkan kode warna HTML dari situs web", masukkan URL, lalu klik atau ketuk Ambil situs web.
- Untuk memilih gambar langsung di web alih-alih seluruh situs web, masukkan URL gambar ke dalam kotak "Gunakan kotak ini untuk mendapatkan kode warna HTML dari gambar melalui URL ini", lalu klik atau ketuk Ambil gambar.
Langkah 3. Klik atau ketuk warna yang Anda inginkan dalam pratinjau gambar/situs
Ini menampilkan kode hex warna di sudut kiri bawah layar.
Langkah 4. Klik atau ketuk ikon salin untuk menyalin kode hex ke clipboard Anda
Ini adalah dua kotak yang tumpang tindih di sebelah kanan kode hex. Anda kemudian dapat menempelkannya ke file teks atau area pengetikan apa pun.
Metode 4 dari 4: Menggunakan Firefox (untuk Warna di Web)
Langkah 1. Buka Firefox di PC atau Mac Anda
Peramban web Firefox dilengkapi dengan alat pipet gratis yang dapat Anda gunakan untuk mengidentifikasi kode hex warna apa pun di web. Jika Anda memiliki Firefox, Anda akan menemukannya di menu Start (Windows) atau di folder Applications (macOS).
- Anda dapat mengunduh Firefox secara gratis di
- Firefox hanya akan memberi tahu Anda nilai warna di situs web. Anda tidak dapat menggunakannya di luar browser.
Langkah 2. Buka situs web yang berisi warna yang ingin Anda identifikasi
Pastikan elemen yang Anda perlukan warnanya sudah terlihat.
Langkah 3. Klik menu
Ini adalah tiga garis horizontal di pojok kanan atas Firefox.
Langkah 4. Klik menu Pengembang Web
Menu lain akan diperluas.
Langkah 5. Klik Eyedropper
Kursor mouse Anda akan berubah menjadi lingkaran besar.
Langkah 6. Klik warna yang ingin Anda identifikasi
Anda akan melihat nilai hex dari pembaruan warna secara langsung saat Anda menggerakkan mouse ke lokasi. Setelah Anda mengklik mouse, Firefox akan menyimpan kode hex ke clipboard Anda.
Langkah 7. Tempelkan kode di tempat yang Anda butuhkan
Anda dapat gunakan Kontrol + V (PC) atau Perintah + V (Mac) untuk menempelkan kode hex ke HTML, CSS, atau jenis file teks lainnya.
Tips
- Ada situs web lain, ekstensi browser, dan program pengeditan gambar yang juga memungkinkan Anda menggunakan pemilih warna untuk mengungkapkan kode hex rona juga.
- Jika Anda tahu siapa yang membuat halaman web dengan warna yang Anda coba cocokkan, Anda selalu dapat menanyakan kode hex apa yang mereka gunakan. Atau, Anda dapat menggali kode sumber situs web untuk menemukan kode hex yang tercantum di sana.