Bisakah mengambil warna dari luar browser?

Jika browser Anda mendukung EyeDropper API, Anda sering dapat mengambil warna dari mana saja di layar, bukan hanya dari gambar yang diunggah. Klik tombol EyeDropper dan pilih piksel mana pun di monitor Anda.

Apakah warnanya akurat?

Ya, kami membaca data warna mentah langsung dari piksel gambar yang dirender oleh browser Anda. Hasilnya seakurat yang dapat diberikan oleh rendering gambar standar.

Apakah gambar saya diunggah ke server untuk memilih warna?

Tidak. Alat membaca data piksel langsung dari gambar Anda menggunakan Canvas API di browser Anda. Tidak ada yang dikirim ke server mana pun — gambar Anda tetap di perangkat Anda.

Format warna apa yang dihasilkan alat ini?

Pemilih warna menampilkan warna yang dipilih dalam format HEX (misalnya #FF5733), RGB (misalnya rgb(255, 87, 51)), dan HSL secara bersamaan sehingga Anda dapat menyalin yang Anda butuhkan.

Bisakah saya memilih beberapa warna dari gambar yang sama?

Ya. Anda dapat mengklik beberapa piksel di seluruh gambar Anda untuk membangun palet warna yang dipilih. Setiap klik menambahkan swatch warna baru yang dapat Anda referensikan atau salin.

Bisakah saya menyalin kode warna langsung ke clipboard?

Ya. Setelah mengklik piksel pada gambar untuk mengambil sampel warnanya, alat menampilkan warna dalam format HEX, RGB, dan HSL. Tombol salin di samping setiap nilai memungkinkan Anda menyalinnya langsung ke clipboard dengan satu klik. Sampel warna yang diambil juga ditampilkan sehingga Anda dapat mengonfirmasi pilihan secara visual. Alur kerja ini berguna untuk ekstraksi warna merek, pencocokan warna dari referensi foto, atau membangun palet dari mockup desain.

Pemilih Warna dari Gambar — Ekstrak Hex & RGB

Tentang Pemilih Warna dari Gambar

Ekstrak kode warna tepat dari foto atau desain apa pun. Baik Anda sedang membangun palet merek atau mencocokkan elemen UI dengan gambar sumber, alat ini memberikan nilai HEX, RGB, dan HSL yang akurat.

Cara Penggunaan

Unggah gambar yang ingin Anda sampling warnanya.
Klik pada area mana pun gambar untuk mengambil sampel warna piksel tersebut.
Kode HEX, RGB, dan HSL akan ditampilkan secara instan.
Salin nilai warna yang diinginkan untuk digunakan dalam proyek Anda.

Kasus Penggunaan Umum

Mencocokkan warna tema website dengan logo merek atau hero image.
Mengekstrak warna dari foto produk untuk konsistensi desain.
Membuat palet warna dari gambar yang menginspirasi.

Detail teknis

Menggunakan EyeDropper API jika tersedia, atau membaca data piksel dari elemen canvas internal berdasarkan koordinat klik.

Pemrosesan lokal

Alat file, teks, dan grafik lokal kami memproses konten di perangkat Anda menggunakan JavaScript, API browser, dan WebAssembly bila diperlukan. Peristiwa kami tidak menyertakan nama atau isi file, teks masukan, nilai grafik, kesalahan mentah, email, atau referensi lisensi. Alat jaringan (DNS, WHOIS, IP, dan uji kecepatan) menghubungi layanan eksternal untuk fungsinya. Memuat situs, font, pustaka, dan model juga membuat permintaan jaringan. WebAssembly sendiri tidak mencegah akses jaringan.