CodeKitHubApakah alat ini?
Warna purata ialah min aritmetik bagi nilai merah, hijau dan biru setiap piksel — satu warna campuran yang mewakili nada keseluruhan imej, tetapi boleh kelihatan keruh jika imej mempunyai kawasan berwarna yang sangat berbeza.
Warna dominan adalah berbeza: alat ini mengumpulkan warna piksel yang serupa ke dalam kelompok (mengkuantumkan setiap saluran RGB), mengira berapa banyak piksel jatuh ke dalam setiap kelompok, dan mengembalikan yang paling biasa sebagai contoh berasingan — lebih dekat dengan apa yang manusia akan panggil "warna utama dalam imej ini" berbanding satu campuran purata.
Kenapa guna alat ini?
- Dapatkan warna purata dan palet berbilang warna sebenar daripada satu muat naik, bukan hanya satu nombor.
- Dapatkan palet warna yang boleh digunakan daripada foto, tangkapan skrin atau logo untuk projek reka bentuk.
- Klik mana-mana contoh untuk menyalin kod HEX tepatnya serta-merta.
- Berjalan sepenuhnya dalam pelayar anda — imej dibaca secara setempat melalui canvas dan tidak pernah dimuat naik ke mana-mana.
- Percuma, segera, tiada akaun, tiada had saiz fail melebihi had pelayar anda sendiri.
Cara menggunakannya
- Klik butang muat naik dan pilih imej daripada peranti anda.
- Warna purata dan palet warna dominan muncul secara automatik — tiada butang tambahan untuk diklik.
- Klik mana-mana contoh (warna purata atau mana-mana warna palet) untuk menyalin kod HEXnya.
Contoh
Input
Foto matahari terbenam dengan langit oren dan siluet biru gelapHasil
Warna purata: campuran perang-oren yang lembut · Warna dominan: oren terang, merah tua, hampir hitam, kuning pucat (sebagai contoh berasingan yang jelas)Ini adalah kes tepat di mana warna purata dan dominan paling berbeza — purata mencampurkan nada panas dan sejuk menjadi lumpur, manakala palet dominan mengekalkannya sebagai warna yang boleh dikenali secara berasingan.
Soalan lazim
Mengapakah warna purata begitu berbeza daripada mana-mana warna yang sebenarnya ada dalam imej?
Purata mencampurkan setiap piksel bersama secara matematik — jika imej mempunyai kawasan oren terang dan biru gelap, purata akan jatuh pada perang keruh, warna yang mungkin tidak wujud secara visual di mana-mana dalam foto asal. Ini adalah tingkah laku yang dijangka untuk purata sebenar, bukan pepijat; sebaliknya gunakan palet warna dominan jika anda mahukan warna yang benar-benar muncul dalam imej.
Adakah imej saya dimuat naik ke pelayan?
Tidak. Imej dibaca terus oleh pelayar anda menggunakan Canvas API, dan semua analisis warna berlaku secara setempat dalam JavaScript. Tiada apa-apa dihantar melalui rangkaian.
Berapa banyak warna dominan yang dikembalikan?
Sehingga 8, disusun mengikut berapa banyak piksel sepadan dengan setiap kelompok warna, yang paling biasa dahulu. Jika imej sangat seragam warnanya, anda mungkin melihat kurang daripada 8 kelompok berasingan.
Adakah ia mengira piksel lutsinar dalam PNG?
Tidak — piksel dengan kelegapan kurang daripada 50% dikecualikan daripada kedua-dua pengiraan purata dan warna dominan, jadi latar belakang lutsinar tidak akan memesongkan keputusan ke arah warna yang menunjuk melaluinya.