Ekstraktor palet warna
Ekstrak warna dominan dari gambar apa pun di browser-mu. 5–8 swatch, kode hex, variabel CSS siap-tempel. File tidak pernah meninggalkan perangkatmu.
🔒 Files never leave your browser — no upload, no server, no tracking.
No image yet.
Untuk apa ini?
Tool ini membaca gambar, mengambil sampel beberapa ribu piksel, dan mengelompokkan mereka jadi 3–10 bucket warna dominan dengan algoritma median-cut yang ditulis sendiri. Hasilnya adalah satu set kecil warna hex representatif yang bisa kamu pakai sebagai seed design system, dasar moodboard, atau cara cepat menarik warna brand dari logo orang lain. Semuanya berjalan di browser-mu; gambar tidak pernah di-upload.
Kapan digunakan
- Menarik warna dominan dari logo brand untuk membangun tema yang cocok.
- Menyemai config Tailwind atau blok CSS custom-properties dari gambar hero.
- Membangun palet moodboard dari foto atau karya seni.
- Memverifikasi bahwa gambar hero desain dan warna aksen halaman sesuai.
Cara kerja median-cut
- Down-sample gambar agar jumlah piksel tetap manageable.
- Cari sumbu terpanjang dari pixel cloud (range R, G, atau B).
- Urutkan di sepanjang sumbu itu, bagi di median.
- Rekursi di tiap setengah sampai mendapat jumlah bucket yang diminta.
- Kembalikan warna rata-rata tiap bucket.
Kesalahan umum
- Region transparan dilewati. Piksel dengan alpha < 50% tidak ikut kontribusi — berguna untuk logo di background transparan.
- Foto dengan satu warna dominan (mis. pantai dengan banyak langit biru) akan memberi beberapa shade warna itu daripada palet bervariasi. Crop ke region yang lebih berwarna kalau mau range.
- Median-cut cepat tapi tidak sempurna secara perseptual. Kalau butuh kualitas teori warna (komplementer, analog), kamu masih butuh desainer — algoritma cuma memilih yang paling sering, bukan yang paling estetis.
- Slider menghitung bucket, bukan warna "penting". Minta 10 dari logo 2-warna tetap memberi 10 — tapi mereka akan jadi near-duplicate.