Muat sebuah gambar dan klik piksel mana pun untuk mendapatkan HEX, RGB dan HSL persisnya — diproses sepenuhnya di perangkat Anda.
Pemilih warna dari gambar menjawab pertanyaan yang sangat biasa: warna apa persisnya piksel itu? Logo yang Anda terima dalam bentuk PNG, tangkapan layar situs orang lain, foto yang langitnya ingin Anda tiru dalam sebuah gradasi — pada semuanya warna itu ada tepat di layar, tetapi kodenya tidak. Alat ini memuat gambar ke dalam canvas di mesin Anda sendiri dan membaca kembali nilai piksel mentahnya.
Cara kerjanya sederhana dan layak diketahui. File dibaca dengan FileReader sebagai data URL, digambar sekali ke dalam canvas pada resolusi aslinya, dan setiap pembacaan adalah panggilan getImageData atas satu piksel — empat byte yang sama (merah, hijau, biru, alfa) yang sudah dipegang browser di memori. Karena canvas mempertahankan resolusi aslinya sementara halaman menampilkannya dalam skala tertentu, koordinat penunjuk dikonversi kembali ke koordinat gambar sebelum pembacaan, jadi piksel yang Anda klik adalah piksel yang Anda dapat, bahkan pada foto selebar 4000 piksel. Kaca pembesarnya menggambar ulang lingkungan sebelas kali sebelas piksel dengan penghalusan gambar dimatikan, itulah sebabnya Anda melihat kotak-kotak tegas alih-alih gambar buram, dan HSL diturunkan dari tripel RGB dengan rumus sektor rona standar. Bila sebuah piksel sepenuhnya transparan, alat ini mengatakannya, alih-alih melaporkan hitam yang tak bermakna.
Selain untuk gambar, browser berbasis Chromium menyediakan EyeDropper API bawaan, jadi bila browser Anda mendukungnya, sebuah tombol kedua memungkinkan Anda mengambil sampel piksel mana pun di seluruh layar — berguna untuk warna yang terkurung di dalam video, penampil PDF atau aplikasi lain. Delapan tangkapan terakhir tersimpan di sebuah baris kotak warna yang bisa Anda klik untuk menyalinnya, dan seluruh kumpulannya bisa diunduh sebagai berkas teks biasa yang memuat HEX, RGB dan HSL masing-masing. Gambar Anda tidak pernah diunggah: dibaca secara lokal, digambar secara lokal, dan dibuang saat Anda menutup halaman.
Tidak. File dibaca oleh browser Anda dengan FileReader dan digambar ke dalam canvas di perangkat Anda. File itu tidak pernah dikirim ke server, dan hilang begitu Anda menutup tab.
PNG, JPEG dan WebP — apa pun yang bisa didekode browser Anda. Gambar hingga 8000 piksel per sisi diterima; file yang lebih besar ditolak agar canvas tidak menghabiskan memori perangkat Anda.
Tombol itu memakai EyeDropper API bawaan browser untuk mengambil sampel piksel mana pun di layar Anda, bukan hanya di dalam gambar yang dimuat. Tombol ini muncul di browser berbasis Chromium seperti Chrome, Edge, Opera dan Brave; Firefox dan Safari belum mendukungnya, jadi di sana tombolnya memang tidak ditampilkan.
Biasanya karena salah satu dari dua hal. Kompresi JPEG mengubah piksel di dekat tepi yang tajam, dan browser mungkin menerapkan profil warna yang tertanam di gambar saat mendekodenya. Untuk warna merek yang datar dan disimpan sebagai PNG, nilai yang Anda dapatkan sudah persis.
Tidak secara otomatis — alat ini menangkap satu klik pada satu waktu dan menyimpan delapan warna terakhir, yang bisa Anda unduh sebagai berkas teks. Mengambil sampel dari area-area dominan sebuah gambar biasanya sudah cukup untuk menyusun ulang palet sebuah merek.
Vai.la mengubah URL apa pun menjadi tautan pendek dengan statistik klik, QR Code, dan biolink Anda sendiri.
Vai.la tidak bertanggung jawab atas cara alat-alat ini digunakan maupun atas keputusan yang diambil berdasarkan hasilnya.