Untuk mencocokkan warna
Pengekstrak Palet Seni Piksel
Lihat warna paling umum dalam gambar, salin kode warnanya, atau simpan daftar untuk gambar berikutnya.
Contoh: gambar karakter → contoh warna yang dapat digunakan ulang
Coba alat ini- 1. TambahkanGambar seni piksel
- 2. SesuaikanHitung warnanya
- 3. SimpanContoh warna dan kode
1. Pilih gambar seni piksel
PNG memberikan daftar warna paling jelas. Alat ini menghitung warna; tidak mengubah gambar.
Cara menggunakannya
1. Gunakan gambar asli, bukan tangkapan layar
Jika memungkinkan, unggah PNG lossless. Tangkapan layar dapat memuat bingkai editor, pola kotak-kotak, atau latar yang tidak Anda gambar. JPEG dan pengubahan ukuran halus menambah variasi warna yang menyamarkan palet pixel art yang sengaja dibatasi.
2. Pilih piksel transparan yang dihitung
Alfa minimum menggunakan skala 1–255. Nilai bawaan 128 menghitung piksel dengan opasitas sekitar setengah atau lebih; 255 hanya menghitung piksel sepenuhnya tidak transparan. Analisis ulang setelah mengubah ambang agar hasil mengikuti pilihan baru.
3. Periksa daftar dan ekspor sebagian yang dapat digunakan
Pilih 8, 16, 32, atau 64 warna teratas. Klik kode heksadesimal untuk menyalinnya, atau simpan CSS atau JSON untuk set yang ditampilkan. Peringkat berdasarkan frekuensi, bukan rona, kecerahan, atau peran artistik warna.
Frekuensi adalah palet awal, bukan rangkaian warna jadi
Setiap piksel yang memenuhi syarat dihitung sekali berdasarkan nilai RGB setelah dekode. RGB yang sama dengan nilai alfa memenuhi syarat berbeda berkontribusi pada warna yang sama. Warna mirip seperti #303040 dan #303041 tetap terpisah; alat tidak mengelompokkan atau menguantisasi warna.
Persentase menggunakan semua piksel yang lolos Alfa minimum, bukan seluruh kanvas atau hanya warna ditampilkan. Jika delapan warna teratas mencakup 85% piksel memenuhi syarat, jumlah persentasenya 85%. Ruang transparan dikecualikan, bukan dihitung sebagai hitam.
Frekuensi menunjukkan warna yang mengisi ruang, bukan yang paling penting. Sorotan mata satu piksel bisa penting sementara warna lantai dominan tidak relevan. Ekstrak karakter secara terpisah, lalu susun sendiri bayangan, warna dasar, dan sorotan menjadi rangkaian.
| Pengaturan atau masukan | Artinya |
|---|---|
| 1024 piksel kanvas; ambang kelulusan 600 | Penyebut frekuensi adalah 600 |
| Satu warna muncul 150 kali | 25% dari piksel yang dihitung |
| 8 teratas dari 23 warna berbeda | Ekspor mencakup 8 warna itu, bukan semua 23 |
Periksa sebelum mengunduh
Jumlah warna yang tidak terduga biasanya berasal dari sumber
Cari antialias, artefak JPEG, atau latar. Penghitung tepat mencatat warna-warna itu secara setia; menampilkan lebih sedikit warna teratas tidak menyederhanakan gambar itu sendiri.
Pertahankan aksen langka jika mendukung karya
Gunakan frekuensi sebagai bukti, lalu ambil keputusan artistik. Batas masukan adalah 4096 px per sisi, 8 juta piksel, dan 100,000 warna berbeda yang memenuhi syarat.
Pertanyaan
Apakah memilih 16 mengurangi gambar menjadi 16 warna?
Tidak. Ini mengubah daftar yang ditampilkan dan diekspor. Sumber tidak dikuantisasi, diwarnai ulang, atau ditulis ulang.
Mengapa persentasenya tidak berjumlah 100%?
Warna tersembunyi berperingkat lebih rendah mencakup sisanya. Setiap persentase menggunakan semua piksel yang memenuhi syarat. Pembulatan juga dapat menimbulkan perbedaan kecil.
Mengapa sorotan penting tidak muncul?
Daftar diurutkan berdasarkan jumlah piksel. Naikkan batas tampilan, gunakan pangkasan sumber lebih rapat, atau ambil sampel aksen manual. Peringkat bukan kepentingan visual.
Bisakah saya menggunakan foto?
JPG diterima, tetapi foto dapat mengandung sangat banyak warna yang hampir sama dan mencapai batas warna berbeda. Gunakan alat pengelompokan untuk palet foto representatif kecil, bukan penghitung tepat ini.
Apa isi CSS dan JSON?
CSS berisi variabel bernomor untuk warna yang ditampilkan. JSON menyertakan nama sumber, ambang alfa, dan warna yang ditampilkan beserta jumlahnya. Keduanya tidak menyertakan gambar atau otomatis mewarnai ulang sprite lain.
Alat dan tutorial terkait
Buat palet seni piksel yang berguna — Ubah jumlah yang tepat menjadi gradasi bayangan dan sorotan yang terarah.
Pembesar Seni Piksel — Pertahankan tepian piksel tegas saat memperbesar mockup.
Pembersih Tepi PNG — Periksa tepian terkontaminasi sebelum menghitung warnanya; simpan salinan sumber.