Unduh PDF
Unduh PDF
Warna dikenali dalam HTML dan CSS berdasarkan kode heksadesimalnya . Jika Anda sedang membuat halaman web atau proyek HTML lain dan ingin memasukkan elemen yang cocok dengan warna tertentu di gambar, situs web, atau jendela lain yang ditampilkan di monitor, Anda perlu menemukan kode heksadesimal warna tersebut. Artikel wikiHow ini akan mengajarkan kepada Anda cara menggunakan beragam peralatan gratis untuk mengenali kode heksadesimal warna apa pun dengan cepat.
Langkah
-
Buka Digital Color Meter pada komputer Mac. Peralatan ini disertakan dalam MacOS dan dapat mengenali nilai/kode warna apa pun yang ditampilkan di layar. [1] X Teliti sumber Buka Finder, klik dua kali folder “ Applications ”, klik dua kali folder “ Utilities ”, dan klik dua kali “ Digital Color Meter ” untuk membukanya.
-
Gerakkan kursor ke warna yang Anda ingin kenali. Saat menggerakkan kursor, nilai pada jendela peralatan akan berubah secara langsung. Jangan pindahkan kursor dari lokasi yang diinginkan hingga Anda mengunci apertur horizontal dan vertikal.
- Anda bisa menggunakan peralatan ini untuk mengenali warna pada web. Cukup buka (atau peramban lain yang diinginkan) dan kunjungi situs web yang memuat warna yang Anda ingin identifikasi.
-
Tekan ⌘ Command + L . Apertur horizontal dan vertikal akan dikunci sehingga nilai atau kode warna tidak akan berubah saat Anda menggerakkan kursor.
-
Tekan ⇧ Shift + ⌘ Command + C untuk menyalin kode heksadesimal ke papan klip. Anda juga bisa menyalinnya dengan mengeklik menu “ Color ” dan memilih “ Copy Color as Text ”.
-
Tekan ⌘ Command + V untuk menempelkan kode yang sudah disalin. Anda dapat menempelkannya secara langsung ke kode HTML, berkas teks, atau kolom pengetikan lainnya.
-
Tekan ⌘ Command + L untuk membuka kunci apertur. Jika Anda ingin mengidentifikasi warna lain, pintasan tersebut akan membuka kunci apertur sehingga kursor dapat berperan kembali sebagai pengenal kode warna.Iklan
-
Pasang Color Cop. Color Cop adalah peralatan kecil gratis yang Anda dapat manfaatkan untuk mengenali kode heksadesimal warna apa pun di monitor dengan cepat. Ikuti langkah-langkah berikut untuk mendapatkan peralatan ini:
- Kunjungi http://colorcop.net/download melalui peramban web.
- Klik “ colorcop-setup.exe ” di bawah segmen " self-installing ". Jika berkas tidak diunduh secara otomatis, klik “ Save ” atau “ OK ” untuk memulai pengunduhan.
- Klik dua kali berkas yang sudah diunduh (tersimpan di folder “ Downloads ” dan biasanya berada di pojok kiri bawah tab peramban).
- Ikuti petunjuk yang ditampilkan di layar untuk memasang aplikasi.
-
Buka Color Cop. Anda dapat menemukan aplikasi ini di menu “Start”.
-
Seret ikon pipet ke warna yang Anda ingin identifikasi. Anda bisa mengenali warna apa pun pada layar, termasuk warna yang ditampilkan di aplikasi lain dan situs web.
-
Lepaskan tombol tetikus untuk menampilkan kode heksadesimal. Kode akan ditampilkan pada kolom di bagian tengah jendela aplikasi.
-
Klik dua kali kode heksadesimal dan tekan Ctrl + C . Kode akan disalin ke papan klip komputer.
-
Tempelkan kode di tempat yang dibutuhkan. Anda bisa menggunakan pintasan ” Ctrl ” + “V” untuk menempelkan kode heksadesimal ke mana pun Anda mau, seperti kode HTML atau CSS.Iklan
-
Kunjungi https://imagecolorpicker.com melalui komputer, ponsel, atau tablet. Anda bisa menggunakan peralatan gratis ini untuk mengenali kode heksadesimal warna apa pun pada gambar yang diunggah. Metode ini bisa diikuti melalui peramban web apa pun, termasuk peramban pada perangkat Android, iPhone, atau iPad.
-
Unggah gambar atau masukkan URL gambar. Anda perlu menentukan apakah Anda ingin mengunggah gambar atau menggunakan gambar atau situs web yang sudah ada. Kedua opsi dapat digunakan untuk menampilkan gambar atau halaman web dan memilih warna yang diinginkan.
- Untuk mengunggah gambar, geser layar dan pilih “ Upload your image ”, cari gambar pada komputer, ponsel, atau tablet, dan pilih opsi untuk mengunggahnya.
- Untuk menggunakan situs web, geser layar ke opsi " Use this box to get the HTML color code from a website ", masukkan URL situs, dan klik atau sentuh “ Take website ”.
- Untuk memilih gambar secara langsung dari internet, dan bukan situs web secara keseluruhan, masukkan URL gambar ke kolom " Use this box to get the HTML color code from a picture via this URL ", kemudian klik atau sentuh “ Take image ”.
-
Klik atau sentuh warna yang Anda inginkan pada jendela pratinjau gambar/situs. Kode heksadesimal warna akan ditampilkan di sisi kiri bawah layar.
-
Klik atau sentuh ikon salin untuk menyalin kode ke papan klip komputer. Ikon ini tampak seperti dua persegi yang saling bertumpuk di samping kanan kode. Anda bisa menempelkan kode ke berkas teks atau kolom pengetikan apa pun.Iklan
-
Buka Firefox pada PC atau komputer Mac. Peramban web Firefox dilengkapi peralatan pipet ( eyedropper ) gratis yang Anda bisa gunakan untuk mengenali kode heksadesimal warna apa pun dari internet. Jika Anda memiliki Firefox, Anda bisa menemukannya pada menu “Start” (Windows) atau folder “ Applications ” (MacOS).
- Anda bisa mengunduh Firefox secara gratis dari https://www.mozilla.org/en-US/firefox .
- Firefox hanya akan memberi tahu kode atau nilai warna yang ada pada situs web. Anda tidak bisa menggunakannya di luar peramban.
-
Kunjungi situs web yang menampilkan warna yang Anda ingin kenali. Pastikan elemen dengan warna yang diinginkan sudah ditampilkan di jendela peramban.
-
Klik menu ☰ . Ikon tiga garis horizontal ini berada di pojok kanan atas jendela Firefox.
-
Klik menu Web Developer . Menu lain akan diperluas setelahnya.
-
Klik Eyedropper . Kursor akan berubah menjadi lingkaran besar setelahnya.
-
Klik warna yang Anda ingin kenali. Anda bisa melihat nilai atau kode heksadesimal warna diperbarui secara langsung saat Anda menggerakkan kursor ke lokasi yang diinginkan. Setelah Anda mengeklik tetikus, Firefox akan menyimpan kode ke papan klip komputer.
-
Tempelkan kode ke tempat yang dibutuhkan. Anda bisa menggunakan pintasan ” Control ” + “V” (PC) atau ” Command ” + “V” (Mac) untuk menempelkan kode heksadesimal ke kode HTML, CSS, atau berkas teks lainnya.Iklan
Tips
- Ada beragam situs web, ekstensi peramban, dan program penyunting gambar lain yang juga memungkinkan Anda untuk menggunakan pemilih warna dan mengetahui kode heksadesimal warna terpilih.
- Jika Anda mengetahui pembuat halaman web yang menampilkan warna yang Anda ingin cocokkan, Anda bisa menanyakan kode heksadesimal warna yang ia gunakan secara langsung. Sebagai alternatif, Anda bisa membongkar kode sumber situs web untuk mengetahui kode heksadesimal yang ditampilkan.
Iklan
Tentang wikiHow ini
Halaman ini telah diakses sebanyak 4.314 kali.
Iklan