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.

Metode 1
Metode 1 dari 4:

Menggunakan Digital Color Meter pada Komputer Mac

Unduh PDF
  1. Peralatan ini disertakan dalam MacOS dan dapat mengenali nilai/kode warna apa pun yang ditampilkan di layar. [1] Buka Finder, klik dua kali folder “ Applications ”, klik dua kali folder “ Utilities ”, dan klik dua kali “ Digital Color Meter ” untuk membukanya.
  2. 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.
  3. Apertur horizontal dan vertikal akan dikunci sehingga nilai atau kode warna tidak akan berubah saat Anda menggerakkan kursor.
  4. Anda juga bisa menyalinnya dengan mengeklik menu “ Color ” dan memilih “ Copy Color as Text ”.
  5. Anda dapat menempelkannya secara langsung ke kode HTML, berkas teks, atau kolom pengetikan lainnya.
  6. Jika Anda ingin mengidentifikasi warna lain, pintasan tersebut akan membuka kunci apertur sehingga kursor dapat berperan kembali sebagai pengenal kode warna.
    Iklan
Metode 2
Metode 2 dari 4:

Menggunakan Color Cop pada Komputer Windows

Unduh PDF
  1. 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.
  2. Anda dapat menemukan aplikasi ini di menu “Start”.
  3. Anda bisa mengenali warna apa pun pada layar, termasuk warna yang ditampilkan di aplikasi lain dan situs web.
  4. Kode akan ditampilkan pada kolom di bagian tengah jendela aplikasi.
  5. Kode akan disalin ke papan klip komputer.
  6. Anda bisa menggunakan pintasan Ctrl ” + “V” untuk menempelkan kode heksadesimal ke mana pun Anda mau, seperti kode HTML atau CSS.
    Iklan
Metode 3
Metode 3 dari 4:

Menggunakan Imagecolorpicker.com

Unduh PDF
  1. 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.
  2. 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 ”.
  3. Kode heksadesimal warna akan ditampilkan di sisi kiri bawah layar.
  4. 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
Metode 4
Metode 4 dari 4:

Menggunakan Firefox (untuk Warna pada Situs Web)

Unduh PDF
  1. 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.
  2. Pastikan elemen dengan warna yang diinginkan sudah ditampilkan di jendela peramban.
  3. Ikon tiga garis horizontal ini berada di pojok kanan atas jendela Firefox.
  4. Menu lain akan diperluas setelahnya.
  5. Kursor akan berubah menjadi lingkaran besar setelahnya.
  6. 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.
  7. 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 3.856 kali.

Apakah artikel ini membantu Anda?

Iklan