CodeKitHubApa Itu Alat Ini?
Warna rata-rata adalah rata-rata aritmetika dari nilai merah, hijau, dan biru setiap piksel — satu warna campuran yang mewakili nada keseluruhan gambar, tetapi bisa tampak keruh jika gambar memiliki area berwarna yang sangat berbeda.
Warna dominan berbeda: alat ini mengelompokkan warna piksel yang mirip ke dalam kelompok (mengkuantisasi setiap kanal RGB), menghitung berapa banyak piksel yang masuk ke setiap kelompok, dan mengembalikan yang paling umum sebagai swatch terpisah — lebih dekat dengan apa yang manusia sebut "warna utama dalam gambar ini" daripada satu campuran rata-rata.
Mengapa Menggunakannya?
- Dapatkan warna rata-rata dan palet multi-warna yang sesungguhnya dari satu kali unggah, bukan hanya satu angka.
- Ambil palet warna yang bisa digunakan dari foto, tangkapan layar, atau logo untuk proyek desain.
- Klik swatch mana pun untuk langsung menyalin kode HEX-nya.
- Berjalan sepenuhnya di browser Anda — gambar dibaca secara lokal melalui canvas dan tidak pernah diunggah ke mana pun.
- Gratis, instan, tanpa akun, tanpa pembatasan ukuran file selain batas bawaan browser Anda sendiri.
Cara Menggunakan
- Klik tombol unggah dan pilih gambar dari perangkat Anda.
- Warna rata-rata dan palet warna dominan muncul secara otomatis — tidak perlu klik tombol tambahan.
- Klik swatch mana pun (warna rata-rata atau warna palet mana pun) untuk menyalin kode HEX-nya.
Contoh
Input
Foto matahari terbenam dengan langit oranye dan siluet biru tuaOutput
Warna rata-rata: campuran cokelat-oranye yang redup · Warna dominan: oranye cerah, merah tua, hampir hitam, kuning pucat (sebagai swatch terpisah yang berbeda)Ini persis kasus di mana warna rata-rata dan dominan paling berbeda — rata-rata mencampur nada hangat dan dingin menjadi keruh, sementara palet dominan mempertahankannya sebagai warna yang jelas terpisah.
Pertanyaan yang Sering Diajukan
Mengapa warna rata-rata sangat berbeda dari warna apa pun yang sebenarnya ada di gambar?
Perataan mencampur semua piksel secara matematis — jika sebuah gambar memiliki area oranye terang dan biru tua, rata-ratanya akan jatuh ke warna cokelat keruh, warna yang mungkin secara visual tidak ada di mana pun pada foto aslinya. Ini adalah perilaku yang diharapkan dari rata-rata sesungguhnya, bukan bug; gunakan palet warna dominan jika Anda menginginkan warna yang benar-benar muncul di gambar.
Apakah gambar saya diunggah ke server?
Tidak. Gambar dibaca langsung oleh browser Anda menggunakan Canvas API, dan semua analisis warna terjadi secara lokal dalam JavaScript. Tidak ada yang pernah dikirim melalui jaringan.
Berapa banyak warna dominan yang dikembalikan?
Hingga 8, diurutkan berdasarkan jumlah piksel yang cocok dengan setiap kelompok warna, yang paling umum terlebih dahulu. Jika gambar sangat seragam warnanya, Anda mungkin melihat kurang dari 8 kelompok berbeda.
Apakah piksel transparan di PNG dihitung?
Tidak — piksel dengan opasitas kurang dari 50% dikecualikan dari perhitungan warna rata-rata maupun dominan, sehingga latar belakang transparan tidak akan mengubah hasil ke arah warna yang tembus dari belakangnya.