Utilia
Kategori ▾
Bahasa: id ▾

Palet Warna dari Gambar

Ekstrak palet warna dari gambar apa pun. Unggah foto dan dapatkan warna dominannya dalam kode HEX beserta porsinya, siap disalin atau diekspor.

Cara mengekstrak palet warna dari gambar

  1. Letakkan gambar di area unggah, atau klik area tersebut untuk memilih file. JPG, PNG, WebP, GIF, dan format lain apa pun yang bisa ditampilkan browser Anda dapat digunakan.
  2. Alat ini langsung menganalisis gambar dan menampilkan Warna dominan, diurutkan dari yang paling banyak hingga yang paling sedikit.
  3. Atur Jumlah warna (3 sampai 12) untuk mendapatkan palet yang lebih luas atau lebih ringkas. Hapus centang Abaikan piksel putih dan hampir putih jika putih adalah warna penting dalam gambar Anda, misalnya produk berwarna putih atau salju.
  4. Salin satu warna dengan tombol Salin di bawah contoh warnanya, atau pilih format di Ekspor sebagai (Daftar HEX, Variabel CSS, Variabel SCSS, Array JSON, atau Warna Tailwind) lalu klik Salin atau Unduh untuk seluruh palet. Ekstrak warna menjalankan analisis lagi.

Gambar Anda dibaca secara lokal oleh browser. Gambar tidak pernah diunggah ke server.

Cara menemukan warna dominan

Gambar lebih dulu digambar pada canvas yang tidak terlihat dan diperkecil sehingga sisi terpanjangnya paling banyak 512 piksel. Cara ini membuat analisis tetap cepat tanpa mengubah warna secara keseluruhan. Piksel-piksel lalu dikelompokkan dengan algoritma kuantisasi (modified median cut, dari library open source Color Thief) yang bekerja di ruang warna OKLCH, sehingga warna yang tampak mirip di mata masuk ke kelompok yang sama.

Setiap kelompok menjadi satu warna dalam palet, dan persentase di bawah setiap contoh warna adalah porsinya dari piksel yang diambil sebagai sampel. Bilah di atas contoh warna menampilkan proporsi ini secara sekilas. Piksel transparan dilewati, begitu pula piksel putih dan hampir putih selama opsinya dicentang, karena latar belakang putih polos akan mendominasi sebagian besar foto produk dan tangkapan layar.

Setiap contoh warna menampilkan kode HEX-nya dalam hitam atau putih, mana yang lebih mudah dibaca, sehingga labelnya tetap jelas pada warna terang maupun gelap.

Ide penggunaan palet dari gambar

  • Branding dan desain web: buat tema situs web dari foto utama atau logo agar antarmuka serasi dengan gambarnya.
  • Presentasi dan media sosial: pilih warna teks dan latar belakang yang cocok dengan gambar sampul.
  • Desain interior, fashion, dan seni: tangkap suasana sebuah foto, lukisan, atau contoh kain.
  • Visualisasi data: ambil warna grafik dari ilustrasi yang dipakai di laporan yang sama.

Warna yang diekstrak adalah rata-rata dari banyak piksel, jadi bisa tampak sedikit kurang cerah dibandingkan titik paling jenuh di foto. Jika Anda membutuhkan warna persis dari satu piksel tertentu, gunakan alat pengambil warna dari gambar.

Pertanyaan yang sering diajukan

Berapa banyak warna yang sebaiknya diekstrak?

Lima atau enam warna biasanya sudah menangkap suasana utama sebuah foto. Pilih 3 untuk palet minimalis, atau 10 sampai 12 untuk gambar yang detail, seperti ilustrasi dengan banyak area yang berbeda.

Mengapa sebuah warna dari gambar saya tidak muncul?

Area kecil hanya terdiri dari sedikit piksel, sehingga bisa tergabung ke dalam kelompok yang lebih besar. Tambah Jumlah warna, atau potong gambar di sekitar area yang Anda inginkan sebelum meletakkannya di sini.

Mengapa putih tidak ada di palet saya?

Opsi Abaikan piksel putih dan hampir putih aktif secara bawaan. Hapus centangnya, dan palet akan dihitung ulang dengan menyertakan putih.

Apakah foto saya diunggah?

Tidak. File dibuka oleh browser Anda dan dianalisis di canvas pada perangkat Anda sendiri. Tidak ada yang dikirim melalui jaringan, jadi foto pribadi tetap pribadi.

Format gambar apa saja yang didukung?

Format apa pun yang bisa ditampilkan browser Anda: JPG, PNG, WebP, GIF, AVIF, BMP, dan biasanya SVG. Foto HEIC dari iPhone hanya bisa dibuka di browser yang mendukungnya, seperti Safari; di browser lain, konversi dulu ke JPG.

Alat terkait