Dapatkan warna dominan sebuah gambar

Untuk menyelaraskan warna sebuah halaman dengan sebuah foto, atau memulihkan warna merek dari sebuah logo ketika panduan gayanya sudah tidak ditemukan siapa pun.

Memuat alat…

Cara kerjanya

  1. Lepaskan satu gambar atau lebih.
  2. Pilih berapa banyak warna yang Anda inginkan.
  3. Salin hasilnya sebagai variabel CSS (untuk halaman web) atau sebagai JSON.

Kenapa tidak ada yang diunggah

Semua yang dikerjakan halaman ini dijalankan oleh kode di dalam tab peramban Anda, memakai mesin yang sama dengan yang menampilkan halaman web. File dibaca dari disk ke memori tab Anda, diolah di sana, lalu ditulis kembali sebagai unduhan. File itu tidak pernah dikirim ke mana pun — tidak ke kami, tidak ke pihak ketiga.

Buktikan sendiri

  1. Buka alat pengembang peramban Anda (F12) lalu pilih tab “Network” (Jaringan).
  2. Muat file Anda dan jalankan alatnya.
  3. Permintaan yang akan Anda lihat hanya mengambil kode alat itu sendiri — dan, pada beberapa alat berat, mesin sumber terbukanya dari CDN publik — ditambah satu ping kunjungan halaman yang kecil ke loreatec.jp (alamat dan judul halaman, tidak lebih). Tidak satu pun membawa file Anda.

Bukti semuanya tetap lokal →

Pertanyaan yang sering diajukan

Bagaimana warna-warnanya dipilih?

Warna yang mirip dikelompokkan bersama dan kelompok-kelompok itu diurutkan berdasarkan seberapa besar bagian gambar yang ditempatinya, jadi warna pertama adalah warna yang akan Anda sebut sebagai latarnya. Hasilnya selalu sama untuk gambar yang sama, dan itu penting ketika Anda sedang memastikan warna merek.

Kenapa paletnya terlihat agak redup?

Karena tiap swatch adalah rata-rata dari kelompoknya. Sebuah foto dengan logo merah cerah di atas dinding abu-abu yang luas sebagian besar tetap abu-abu, dan urutannya mencerminkan itu. Minta lebih banyak warna untuk memunculkan aksen-aksen yang lebih kecil.

Bisakah saya mendapatkan warna logo yang persis?

Untuk grafik datar, bisa — areanya seragam sehingga rata-ratanya adalah nilai yang sebenarnya. Untuk foto sebuah logo yang tercetak, tidak bisa: pencahayaan mengubah tiap piksel, dan hasilnya hanya perkiraan yang mendekati.

Apakah transparansi ditangani?

Piksel transparan diabaikan, bukan dihitung sebagai putih, jadi sebuah logo PNG tanpa latar menghasilkan warna-warna logonya, bukan palet yang didominasi warna putih.