Mengambil Kode Warna Gambar pada Browser dengan Color Picker

Masih sambungan dari postingan sebelumnya yaitu : Membuat Kode Warna dengan Mudah Dengan Color Picker. Kali ini saya akan sedikit hal yang serupa namun sedikit berbeda. Jika pada postingan membuat kode warna, pada postingan ini saya akan mencoba untuk mengulas bagaiamna cara mengambil warna dari gambar pada browser Google Chrome.
Biasnya para blogger yang sering mengedit sebuah template pasti kadang kebingungan mencari warna apa yang dipakai atau digunakan sebuah pada background guna untuk menyesuaikan warna pada elemen-elemen lain. Jika hanya mengambil warna dari sebuah warna pada style yang dipakai pada sebuah div tag memang mudah, namun pertanyaannya bagaimaan cara mengambil kode warna dari sebuah gambar ?

Cara Mengambil Kode Warna Gambar pada Browser

Cara yang kita gunakan untuk mengambil kode warna pada suatu gambar yaitu dengan memanfaatkan extension Chrome yaitu Color Picker. Kini Color picker sudah sampai pada versi ke 9.0.

1. Pertama anda menuju ke Google Chrome Webstore dan pilih Color Picker 9.0. Agar lebih cepat anda bisa langsung mengklik link ini.
2. Klik tombol Tambah ke Chrome seperti dibawah ini :
   
   

   

   Tombol tambah extension

3. Maka akan muncul pop up confirmasi seperti dibawah ini :
   
   

   

   Confirmasi Instal extension

4. Maka secara otomatis Browser akan mendownload dan memasanganya.
5. Setalah proses pen-download-an dan pemasangan maka kita bisa melihat icon Color Picker dibagian atas browser.
6. Jika ingin menggunakannya anda tinggal mengklik icon tersebut (akan muncul windows warna) kemudian klik warna / bagian / gambar yang ingin anda ambil kode warnanya. Berikut sedikit tampilanya :
   
   

   

   Contoh Color Picker 9.0

Semoga tutorial Mengambil Kode Warna Gambar pada Browser dengan Color Picker ini bermanfaat bagi anda.