Panduan Pengekstrak Palet

Ekstrak palet warna dominan dari gambar JPG, PNG, WebP, AVIF, GIF, BMP, atau TIFF. Dapatkan kode HEX dan RGB untuk setiap warna. Semua ekstraksi berjalan secara lokal di browser Anda — tidak ada unggahan ke server mana pun.

Apa yang Anda Butuhkan

Browser — Chrome, Firefox, Safari, atau Edge dengan dukungan OffscreenCanvas Format — JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, atau TIFF Batas — 20 MB per file (file yang melebihi 20 MB akan ditolak) Akun — Tidak diperlukan Internet — Tidak diperlukan setelah halaman dimuat

Mengekstrak Palet Anda

Buka Palette Generator di browser Anda. Seret file gambar Anda dari penjelajah file dan jatuhkan ke zona unggah. Atau, klik area unggah untuk memilih file dari perangkat Anda.

Pastikan file berada di bawah batas 20 MB sebelum mengunggah — file yang melebihi ambang batas ini akan ditolak. Pilih berapa banyak warna yang ingin diekstrak: 5, 8, 10, atau 12. Lebih sedikit warna menghasilkan palet yang lebih bersih dan lebih mudah digunakan.

Lebih banyak warna menangkap variasi halus tetapi mungkin menyertakan perbedaan kecil yang tidak terlihat jelas secara visual. Klik tombol ekstrak. Algoritma kuantisasi memproses data piksel gambar di browser Anda.

Algoritma ini mengelompokkan piksel berdasarkan kemiripan warna menggunakan k-means clustering dan menghitung warna rata-rata untuk setiap kelompok. Tidak ada data yang dikirimkan melalui jaringan. Tinjau palet yang diekstrak.

Setiap warna ditampilkan sebagai contoh visual dengan kode HEX dan nilai RGB-nya. Klik kode warna apa pun untuk menyalinnya ke papan klip Anda. Gunakan kode ini dalam proyek desain, CSS, atau cetak Anda.

Cara Kerjanya

Palette Generator menggunakan elemen OffscreenCanvas dan algoritma kuantisasi warna untuk mengekstrak warna dominan. Saat Anda mengunggah gambar, browser membacanya langsung ke memori melalui File API — tidak ada unggahan server yang terjadi.

libvips membuat kanvas di luar layar menggunakan OffscreenCanvas dan menggambar gambar Anda pada resolusi aslinya menggunakan drawImage. Kemudian, ia membaca data piksel sebagai array RGBA menggunakan getImageData, yang mengembalikan Uint8ClampedArray berisi nilai merah, hijau, biru, dan alfa untuk setiap piksel dalam gambar. Untuk gambar 1920x1080, ini menghasilkan sekitar 8 juta nilai warna individu.

Algoritma kuantisasi mengelompokkan piksel berdasarkan kemiripan warna menggunakan k-means clustering. Algoritma ini menginisialisasi k pusat kelompok (di mana k sama dengan ukuran palet yang Anda pilih), kemudian secara iteratif menetapkan setiap piksel ke pusat kelompok terdekat berdasarkan jarak Euclidean dalam ruang RGB. Setelah setiap putaran penetapan, algoritma menghitung ulang setiap pusat kelompok sebagai rata-rata matematis dari semua piksel dalam kelompok tersebut.

Proses ini berulang hingga pusat stabil atau jumlah iterasi maksimum tercapai. Hasilnya adalah sekumpulan warna representatif yang menangkap identitas visual gambar.

Setiap warna ditampilkan sebagai contoh visual dengan kode HEX dan nilai RGB-nya. libvips mengambil sampel warna centroid yang tepat dari setiap kelompok, memastikan contoh yang ditampilkan secara akurat mewakili rata-rata matematis dari semua piksel dalam kelompok tersebut.

File diproses sepenuhnya di dalam browser Anda menggunakan OffscreenCanvas. File tersebut tidak pernah diunggah ke server ConvertCraft.

Saat Terjadi Masalah

Gambar gagal diunggah: Gambar Anda melebihi batas 20 MB. OffscreenCanvas beroperasi dalam batas memori yang ketat. Memproses gambar yang lebih besar dari 20 MB memerlukan buffer piksel tidak terkompresi yang sangat besar di RAM, yang dapat menyebabkan tab browser macet.

Palet berisi warna yang serupa: Gambar memiliki variasi warna halus yang dianggap oleh algoritma sebagai kelompok yang berbeda. Kurangi ukuran palet untuk mendapatkan warna yang lebih sedikit dan lebih berbeda.

Warna tidak sesuai dengan yang saya lihat: Algoritma mengekstrak rata-rata matematis. Perbedaan persepsi antar warna mungkin tidak selaras dengan persepsi visual. Coba ukuran palet yang berbeda atau gunakan alat penetes warna pada piksel tertentu.

Palet sebagian besar satu warna: Gambar Anda didominasi oleh satu warna. Algoritma merepresentasikan distribusi warna gambar dengan setia. Coba gambar lain dengan variasi warna yang lebih banyak.

### Berapa banyak warna yang bisa saya ekstrak?

Alat ini mendukung ekstraksi 5, 8, 10, atau 12 warna. Lebih sedikit warna menghasilkan palet yang lebih bersih. Lebih banyak warna menangkap variasi halus tetapi mungkin menyertakan perbedaan kecil yang tidak terlihat jelas secara visual.

### Bisakah saya mengekstrak warna dari wilayah tertentu?

Versi saat ini menganalisis seluruh gambar. Untuk mengekstrak warna dari wilayah tertentu, potong gambar terlebih dahulu menggunakan Image Converter atau alat pemotong khusus, lalu unggah versi yang telah dipotong.

### Apakah aman mengekstrak warna dari gambar pribadi?

Ya. File diproses sepenuhnya di dalam browser Anda menggunakan OffscreenCanvas. File tersebut tidak pernah diunggah ke server ConvertCraft.

Data gambar Anda tidak pernah meninggalkan komputer Anda, sehingga benar-benar aman dari intersepsi jaringan atau pencatatan sisi server.