Lihat Kode Warna HTML Menggunakan Firefox

Saya sering menggunakan PickPick - Color Picker untuk mendapatkan atau melihat kode warna HTML pada sebuah elemen halaman website. Ini lebih mudah dan tepat dibandingkan klik kanan > Inspect Element. Kali ini saya akan memberikan sebuah perintah (command) Firefox untuk melihat kode warna jadi Anda tidak membutuhkan aplikasi pihak ketiga atau add-ons apapun.

Perintah eyedropper menyediakan kemampuan untuk mendapatkan kode HTML untuk warna elemen pada halaman cukup dengan hover. Jadi Anda tidak perlu lagi alat pihak ketiga atau add-ons jika Anda perlu mencari tahu warna persis yang telah digunakan untuk teks pada blok tertentu atau gambar pada halaman web Anda. Ini benar-benar mengesankan.

Berikut adalah petunjuk langkah-demi-langkah tentang cara menggunakan perintah eyedropper.

Buka Firefox dan tekan tombol Shift + F2 di keyboard. Firefox akan membuka sebuah console / command line di bagian bawah layar.
Ketik teks berikut dalam kotak perintah (command box) yang baru saja Anda buka: eyedropper
Setelah Anda menekan tombol Enter di keyboard, kursor mouse akan berganti menjadi linkaran jendela pratinjau dengan zoom. Hover elemen yang Anda inginkan untuk melihat kode warna HTML! Jika Anda ingin menyalin kode warnanya klik saja, kode warna akan dicopy ke clipboard.

Perintah eyedropper sangat membantu para desainer untuk membangun CSS website atau mereka yang bekerja dengan Adobe Photoshop. Ini adalah cara yang cepat untuk mendapatkan warna yang diinginkan.

Author Name

{picture#https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf6jBcOMlHfM5ckfOgfHgF8S3bcBlF1LLqvB5pLRwZFNY60xj94s7LKuyBAjIj9ETnBiRbAAM0lUTJq6WH6R2VGBblJW6g3YdZ1YKPwXudeTCgq8x6WXC0ojTIaR3FzDET1F-66YeCgdRU/s1600/Turiswan.png} " Jangan berharap sesuatu yang besar dengan tiba-tiba, mulailah dari yang terkecil dan gapailah semua harapan dengan sungguh-sungguh disertai kerjakeras dan do'a. " {facebook#http://www.facebook.com/turiswan22gtr} {twitter#http://twitter.com/turiswan2298} {google#https://plus.google.com/u/0/106442727760269580008/posts} {pinterest#http://www.pinterest.com/turiswan} {youtube#http://www.youtube.com/channel/UCJL-dLtQyZ_uQx7B3-vThjA?sub_confirmation=1} {instagram#http://instagram.com/turiswan2298}