Warna Dominan Gambar
Temukan warna dominan pada gambar apa pun dan palet warna yang paling umum. Alat ini mengelompokkan setiap piksel yang terlihat ke dalam 4096 kelompok warna, melaporkan kelompok teratas sebagai warna dominan, mencantumkan hingga 12 warna palet beserta bagian gambar yang diwakilinya, dan menambahkan warna rata-rata keseluruhan, masing-masing dalam format hex, RGB dan HSL. Cocok untuk desainer, pembuat tema, dan developer yang membutuhkan warna aksen atau placeholder.
Pertanyaan yang sering diajukan
Bagaimana warna dominan ditemukan?
Setiap piksel dimasukkan ke salah satu dari 4096 kelompok, dengan 16 tingkat untuk masing-masing merah, hijau, dan biru. Kelompok dengan piksel terbanyak menjadi pemenang, dan warnanya merupakan rata-rata piksel di dalamnya, sehingga latar belakang putih dilaporkan sebagai putih murni, bukan nilai yang dibulatkan.
Apa itu palet?
Palet mencantumkan kelompok yang paling umum setelah kelompok dominan, hingga jumlah warna yang Anda pilih dari 1 sampai 12, dengan 5 sebagai nilai bawaan. Setiap entri menampilkan nilai hex, RGB dan HSL serta bagian piksel yang terlihat yang dicakupnya.
Apa perbedaan warna rata-rata?
Warna rata-rata adalah nilai rata-rata semua piksel yang terlihat. Foto langit biru di atas ladang merah memiliki warna dominan biru atau merah, tetapi warna rata-ratanya merupakan campuran keruh keduanya. Warna rata-rata cocok untuk placeholder buram, sedangkan warna dominan cocok untuk aksen.
Bagaimana piksel transparan ditangani?
Piksel yang lebih dari setengahnya transparan akan diabaikan, sehingga logo dengan latar belakang transparan menampilkan warna logo, bukan hitam. Hasilnya menunjukkan bagian gambar yang transparan. Gambar tanpa piksel yang terlihat akan menampilkan pesan, bukan warna.
Format apa saja yang dapat saya analisis?
Gambar JPEG, PNG, GIF, WebP, TIFF, dan AVIF hingga 5 MB didukung. File GIF dan WebP animasi diukur berdasarkan bingkai pertamanya, dan gambar CMYK dikonversi ke sRGB sebelum dihitung.
Apakah gambar besar diperkecil terlebih dahulu?
Gambar yang panjang sisinya lebih dari 4000 piksel diperkecil agar muat dalam 4000 piksel sebelum dihitung, yang paling jauh hanya sedikit mengubah persentasenya. Gambar yang lebih kecil dihitung piksel demi piksel.
Mengapa nuansa serupa muncul sebagai warna terpisah?
Lebar setiap kelompok adalah 16 tingkat, sehingga dua nuansa di sisi berbeda dari batas kelompok dihitung secara terpisah. Karena itu, gradien dan foto sering menampilkan nuansa berdekatan dalam palet. Tingkatkan jumlah warna palet untuk melihat lebih banyak nuansa.
Bisakah saya menggunakan warna di CSS?
Ya. Setiap warna tersedia sebagai kode hex seperti #3366cc, sebagai nilai rgb(), dan sebagai nilai hsl() dengan rona dalam derajat serta saturasi dan kecerahan dalam persen, siap ditempel ke CSS, alat desain, atau pengaturan tema.
Untuk apa warna dominan dapat digunakan?
Penggunaan umum mencakup placeholder latar belakang saat gambar dimuat, warna aksen untuk kartu dan header yang serasi dengan gambar sampul, pengurutan foto produk berdasarkan warna, serta pemeriksaan agar gambar merek tetap sesuai palet. Hasil terstruktur juga memudahkan penggunaan ulang nilai dalam skrip dan tema.
Apakah hasilnya selalu sama?
Ya. Penghitungannya bersifat deterministik, sehingga file yang sama selalu menghasilkan warna dominan, palet, dan persentase yang sama. Jika dua kelompok memiliki jumlah yang persis sama, urutannya mengikuti urutan kemunculan pertama warnanya.