Lewati ke konten

Pengambil warna gambar

Ekstrak warna dominan dari gambar apa pun, lengkap dengan nilai HEX dan RGB serta proporsi setiap warna dalam gambar. Diproses di perangkat Anda; gambar tidak pernah diunggah.

atau lepaskan di sini

JPG, PNG, WebP, atau GIF. Anda juga dapat menempelkan gambar.

Cara kerja

Alat pengambil warna gambar ini menganalisis gambar yang diunggah sepenuhnya di peramban Anda dan menampilkan warna dominan sebagai nilai HEX dan RGB beserta perkiraan cakupan setiap warna pada gambar, sehingga Anda dapat dengan cepat mendapatkan palet merek atau skema warna dari gambar apa pun.

  1. Pilih gambar

    Klik untuk menjelajah, seret file ke sini, atau tempelkan dari papan klip Anda.

  2. Atur jumlah warna

    3 hingga 10 contoh warna, diurutkan berdasarkan seberapa besar area gambar yang dicakupnya.

  3. Salin warna

    Klik contoh warna mana pun untuk menyalin nilai HEX-nya, atau salin seluruh rangkaian sebagai variabel CSS.

Cara pemilihan warna

Gambar dirender ke kanvas kecil dan nilai merah, hijau, serta biru setiap piksel dibulatkan ke dalam kelompok berukuran 16 satuan, sehingga nuansa yang hampir identik dihitung sebagai satu warna. Kelompok tersebut diurutkan berdasarkan jumlah piksel yang dicakupnya, dan kandidat yang warnanya terlalu mirip dengan warna yang sudah dipilih akan dilewati, sehingga hasilnya adalah rentang warna yang benar-benar berbeda, bukan beberapa warna yang hampir sama.

Berjalan sepenuhnya di peramban Anda

Gambar dibaca dengan API FileReader dan dianalisis menggunakan metode getImageData dari Canvas API. Tidak ada data gambar yang dikirim ke server mana pun, sehingga aman untuk aset merek rahasia atau foto pribadi. Gambar lintas asal yang dimuat melalui URL tidak dapat dianalisis karena peramban memblokir pembacaan data piksel dari gambar tanpa izin CORS; silakan unduh gambar terlebih dahulu lalu unggah file lokal sebagai gantinya.

Pertanyaan yang sering diajukan

Bagaimana cara mengekstrak warna dari gambar untuk membuat palet warna?

Seret atau unggah file gambar apa pun. Alat ini mengambil sampel data piksel dari gambar menggunakan kanvas HTML, mengelompokkan warna yang serupa, dan menampilkan rona dominan sebagai contoh warna beserta kode HEX, nilai RGB, dan persentase perkiraan cakupannya. Klik contoh warna mana pun untuk menyalin nilai HEX-nya ke papan klip Anda, atau salin seluruh kumpulan sebagai properti kustom CSS.

Apakah gambar Anda diunggah ke server saat mengekstrak warna?

Tidak. Proses ekstraksi warna berjalan sepenuhnya di peramban Anda menggunakan metode getImageData dari Canvas API. Gambar dimuat ke dalam kanvas tersembunyi, data piksel dibaca secara lokal, dan warna yang dikelompokkan dihitung dalam JavaScript. Tidak ada data gambar yang dikirim ke server eksternal mana pun, sehingga aman untuk aset merek rahasia atau foto pribadi.

Format gambar apa saja yang dapat digunakan dengan alat ekstraktor warna?

Alat ini menerima format gambar apa pun yang dapat didekode oleh peramban Anda, umumnya JPEG, PNG, WebP, GIF, dan BMP. File dibaca dengan API FileReader dan dirender ke kanvas, sehingga batasannya adalah dukungan gambar asli peramban Anda, bukan pembatasan dari alat ini.

Seberapa akurat ekstraksi warna, apakah alat ini akan menemukan setiap corak?

Alat ekstraksi mengidentifikasi kelompok warna yang paling dominan, bukan setiap piksel unik. Gambar dengan gradasi halus, seperti langit biru atau warna kulit, mungkin diringkas menjadi beberapa nilai HEX representatif alih-alih setiap corak antara. Geser pengatur jumlah warna yang diekstraksi untuk rincian lebih halus pada gambar yang kompleks.

Apa keterbatasan ekstraksi warna berbasis peramban?

Gambar lintas asal tidak dapat dianalisis karena pembatasan keamanan kanvas peramban. Jika Anda menautkan ke gambar yang dihosting di domain lain tanpa header CORS, pembacaan data pikselnya akan memicu kesalahan keamanan. Unduh gambar terlebih dahulu dan unggah file lokal alih-alih memberikan URL jarak jauh.