Firefox: Cara Mengidentifikasi Warna Tertentu di Halaman Web

click fraud protection

Jika Anda seorang desainer, kemungkinan besar Anda akan memperhatikan desain barang yang Anda gunakan, mencari inspirasi atau ide yang ingin Anda adopsi. Situs web tidak berbeda dan salah satu bagian penting dari desain situs web adalah penggunaan warna. Jika Anda melihat situs web dengan warna yang sempurna untuk proyek yang sedang Anda kerjakan atau pikirkan, maka Anda mungkin ingin mengetahui dengan tepat warna apa itu. Meskipun Anda dapat mengambil tangkapan layar, buka di editor gambar dan kemudian lihat nilai RGB, proses ini lambat. Firefox sebenarnya memiliki alat pemilih warna bawaan sehingga Anda dapat menghemat waktu dan mendapatkan nilai yang tepat dalam format warna HTML heksadesimal yang digunakan di web.

Cara menggunakan pemilih warna

Pemilih warna Firefox dapat ditemukan di bilah alat pengembang. Untuk mengaksesnya, klik ikon menu burger di pojok kanan atas, lalu klik “Web Developer” yang berada di urutan keempat dari bawah.

Klik ikon menu burger di pojok kanan atas, lalu klik “Web Developer”.

Dalam daftar alat pengembang web, klik "Eyedropper" dan alat pipet akan terbuka.

Tip: Alat pipet tidak dapat dipindahkan melintasi tab atau jendela, jadi pastikan Anda membukanya di tab tempat Anda ingin menggunakannya. Anda juga tidak akan dapat menggulir halaman, jadi pastikan Anda berada di tempat yang tepat di halaman. Meskipun Anda secara teknis dapat memperbesar dan memperkecil, ini akan menyebabkan pemusatan pemilih warna rusak, sehingga lebih sulit untuk digunakan secara akurat.

Dalam daftar alat pengembang web, pilih "Eyedropper".

Alat pipet akan mengikuti mouse Anda melintasi jendela, jadi pindahkan kotak tengah yang disorot ke atas warna yang ingin Anda pilih. Tingkat zoom cukup presisi untuk memungkinkan Anda melihat dan memilih warna piksel tertentu dengan mudah.

Kode warna HTML piksel ditampilkan dalam kotak kecil di bawah alat zoom tetapi juga akan disalin ke papan klip jika Anda mengklik warna yang Anda suka. Perlu diketahui bahwa mengklik akan menutup pemilih warna, memaksa Anda untuk membukanya kembali jika Anda ingin memilih beberapa warna.

Gerakkan mouse Anda ke piksel tertentu yang Anda suka warnanya, lalu catat kode warna HTML atau klik untuk menyalinnya ke clipboard Anda.